ios中textarea标签拉起软键盘滞后

可以确认下页面是否引用了FastClick插件,这是专门解决移动端浏览器300ms点击延迟和点击穿透问题所开发的一个轻量级的库,但是ios11 后修复了移动点击300ms延迟,所以引用FastClick插件在ios11.3以上的版本可能存在冲突,从而出现拉起软键盘滞后的问题
解决方案:

  1. 在fastclick源码中改造,在node_module里找到fastClick文件,然后找到focus方法,强制focus


    image.png
  2. 在本身代码的FastClick加载时增加版本判断。找到FastClick.attach(document.body)的地方,增加判断,iOS11以上的版本不加载

const str= navigator.userAgent.toLowerCase()
const ver=str.match(/cpu iphone os (.*?) like mac os/)
 
if(!ver || (ver && parseInt(ver[1])< 11)){ // 非IOS系统 或者ios<11的版本加载
  // 引入fastclick 做相关处理
  FastClick.attach(document.body)
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容