苹果手机在微信QQ上输入，导致页面事件触点错乱。

时间：2019-12-25 13:22:36 收藏：0 阅读：529

部分苹果手机在微信QQ上，输入之后，如果页面有滚动内容。内容上有对应的时间，那么输入结束，再次触发事件，会发现事件的触点变了。

例如：按钮A 因为输入法弹出移动了，输入法隐藏回去后，按钮A 回滚到原来的位置，但是事件却已经不在按钮A上了。

对此的方式可以采用，重置页面 scrollTop ，

  // 重置苹果手机部分机型输入法导致页面滚动后，事件触点错位问题
        $(document).on(‘blur‘, ‘input,textarea‘, function () { //解决iPhoneX系列输入法导致页面事件不回滚问题
            setTimeout(function() {
            $(‘body,html‘).scrollTop($(document).scrollTop());
            }, 0);
        })