在webapp开发过程中,当用户切换输入法额时候,会出现输入框被弹起的虚拟键盘遮挡住的情况,这时用户输入只能盲填 ,这会验证影响用户体验。
<script>
function fn(){
var stop = document.body.scrollTop;//获取软键盘唤起前浏览器滚动部分的高度
var dom=document.getElementById('ipt');//获取input元素
dom.onfocus=function(){
var interval = setInterval(function(){
document.body.scrollTop = document.body.scrollHeight;
},100);
}
dom.onblur=function(){
clearInterval(interval);//清除计时器
document.body.scrollTop = stop;//将软键盘唤起前的浏览器滚动部分高度重新赋给改变后的高度
}
},
</script>