移动端 的输入框不让键盘遮挡

var clientHeight = document.body.clientHeight;   

var _focusElem = null; //输入框焦点   

//利用捕获事件监听输入框等focus动作  

document.body.addEventListener("focus", function(e) {       

_focusElem = e.target || e.srcElement;    }, true);

  //因为存在软键盘显示而屏幕大小还没被改变,所以以窗体(屏幕显示)大小改变为准    window.addEventListener("resize", function() {      

if (_focusElem &&document.body.clientHeight< clientHeight) {       

    //焦点元素滚动到可视范围的底部(false为底部)         

  _focusElem.scrollIntoView(false);        } 

  });

你可能感兴趣的:(移动端 的输入框不让键盘遮挡)