部分苹果手机在微信QQ上,输入之后,如果页面有滚动内容。内容上有对应的时间,那么输入结束,再次触发事件,会发现事件的触点变了。
例如:按钮A 因为 输入法弹出移动了,输入法隐藏回去后,按钮A 回滚到原来的位置,但是事件却已经不在按钮A上了。
对此的方式可以采用,重置页面 scrollTop ,
// 重置苹果手机部分机型输入法导致页面滚动后,事件触点错位问题 $(document).on('blur', 'input,textarea', function () { //解决iPhoneX系列输入法导致页面事件不回滚问题 setTimeout(function() { $('body,html').scrollTop($(document).scrollTop()); }, 0); })