问题描述:苹果系统,软键盘弹出,键盘再收起时,原虚拟键盘位点击事件无效。
排查过程:只有iphonex、iphone6,ihpone7等部分机型会出现该问题;
原因:在IOS下,点击页面中的input时,弹出软键盘时,如果input比较靠下,整个页面会上移,document.body.scrollOffset会由0变成大于0。 软键盘消失后,页面会下移。但是document.body.scrollOffset并不会变成0,所以这时候触控不准;
解决办法:失去焦点
$('textarea,input').on('blur', function (event) {
document.body.scrollTop = 0;
});
或者
$("input").blur(function() {
console.log("失去焦点");
window.scrollTo(0, 0);
});