很久没有总结了。如果继续发布遇到一些兼容性问题,欢迎交流。ios键盘输入后,页面偏移,导致页面响应区域无法点击进行输入操作,如图,该区域无法点击。解决方法if(/(iPhone|iPad|iPod|iOS)/i.test(window.navigator.userAgent)){document.activeElement.scrollIntoViewIfNeeded(true)}20191016补充:在正常的文档流中,使用提速的方法或者修改为如下方法:if(isIOS()){document.activeElement.scrollIntoView(false)}要离开文档流,可以使用如下方法:letscrollY=0consthandleBlur=function(){window.scrollTo(0,scrollY)}consthandleFocus=function(){scrollY=window.scrollY}document.querySelector('input').addEventListener('blur',handleBlur)document.querySelector('input').addEventListener('focus',handleFocus)手动通过记录位置转换即可。原因:在ios下,如果一个input在固定位置下,就会出现这个问题。根据问题描述,如果父元素不在固定位置下,则可以避免webkit问题的解决。https://hackernoon.com/how-to...ios下的输入法推荐文本无法触发更改或输入事件。解决方案:通过输入框的onblur事件获取一次数据,解决获取不到数据的问题。
