美文网首页
处理input输入框被输入法遮住

处理input输入框被输入法遮住

作者: zhuxinying | 来源:发表于2017-08-15 20:01 被阅读0次


.index{

/*background: #000000;*/

width: 50%;

margin:auto;

margin-top: 80%;

}

//处理input输入框被输入法遮住

function inputIos(inputBox){

var inputF = $(inputBox).find('input');//找到对应的input

if(inputF == document.activeElement){

//获取焦点时用喔

setTimeout(function(){

var inputIsNotInView = notInView(),

Width = window.innerWidth,

Height = window.innerHeight;

if(inputIsNotInView){

if(Width != 750){

var bottomAdjust = (Height - window.innerHeight - 88) + 'px';

$(inputBox).css('bottom',bottomAdjust);

}else {

var bottomAdjust = (Height - window.innerHeight - 88 - 432) + 'px';

$(inputBox).css('bottom',bottomAdjust);

}

}

},600);

}else {

//失去焦点时用喔

var inputIsNotInView=notInView();

if(inputIsNotInView){

$(inputBox).css({'opacity':0,bottom:0});

setTimeout(function(){

$(inputBox).css('opacity',1);

},600)

}

}

//------------------------------

function notInView(){

var bottom = inputBox.getBoundingClientRect().bottom;

if (window.innerHeight - bottom < 0){

return true;

}else {

return false;

}

};

}

相关文章

网友评论

      本文标题:处理input输入框被输入法遮住

      本文链接:https://www.haomeiwen.com/subject/ajwvrxtx.html