javascript - 移动端 input 挡住的问题因为alert 没有了

Question

移动端在填写表单的时候，有个终极大bug，就是键盘弹出后挡住了input，这个问题有很多种做法，例如：在input focus的时候 往上滚动一段距离（这个时候需要加一个paddingBottom才可以，貌似这个时候系统默认的可视区域还是没弹出键盘时的那个高度），还有其他的做法我就不列举了，那么重点来了
“我在input focus 的时候，做一个alert的动作”

$("input").on("focus",function(){alert(1);});
//这个时候 页面直接弹出alert 在点击确定之后，input神奇的自己往上滚动了，键盘没有遮住input了

我想问的是 在alert的时候 是有做了什么？能不能根据这个来解决键盘遮住input的问题？

Answer 1

是这样的，在手机上input获取焦点时，才会出现手机自带的虚拟键盘，当input失去焦点时，虚拟键盘自动消失了。如何不想input输入框被虚拟键盘遮住，需要合理设计input的位置。