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



.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;

}

};

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,889评论 0 1
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 7,466评论 0 25
  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 4,635评论 0 1
  • 地方好几块话费多大小刚刚好
    亲宝贝阅读 656评论 0 0
  • 早上还在被窝,接到金雨的电话:咱高中同学准备大年初三聚会,毕业都二十五年了,你也来参加吧! 记忆猛地被拉回高中时代...
    秦倪阅读 4,700评论 4 5