正文

ios 键盘弹起bug，出现的问题，光标穿透，页面无法点击

IP云
IP云V管理员/3 阅读
09/29
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

有时候使用ios输入键盘以后，直接点击页面按钮会出现事件无效。

解决方法：

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

解决方法：

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

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

2、事件失效

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

解决方法：

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

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