移动端网页中ios 键盘弹起bug

移动端网页中ios 键盘弹起bug

光标问题

再输入框输入后点击提交按钮后，弹窗会发现光标穿透问题

解决方法：

使用input blur()事件使input失去焦点

$('.btn').on('tap',function(){
    $("input").blur();
 })

事件失效

抬起键盘后点击页面弹出窗口后，事件失效，页面无交互，点击无效果，滑动以后才有能再次点击

解决方法：

侦听input事件失去焦点效果，然后修改body的scrollTop,具体数值可以自行修改。

$("input").blur(function(){    
    document.querySelector('body').scrollTop = 0;
 });