ios输入框必须重压或长按才能唤起软键盘

最近做搜索框时发现,ios点击输入框之后,点击软键盘上的 完成 时发现,轻击input就无法唤起软键盘,无法对输入框聚焦,必须长按或重压才行,这边经过测试,发现应该是fastclick.js 引起的冲突,ios11 后修复了移动点击300ms延迟,so

提供两种方法:

1  

vue的子应用中出现在ios上点击输入框不灵敏,需点两次才能获取焦点的问题解决方法如下:在node_module里找到fastClick文件,然后找到focus方法,加ios输入框必须重压或长按才能唤起软键盘_第1张图片一句focus方法即可解决

2  在main.js下

const str= navigator.userAgent.toLowerCase()
const ver=str.match(/cpu iphone os (.*?) like mac os/)

if(!ver){//非IOS系统
  // 引入fastclick 做相关处理
}
else {
  if(parseInt(ver[1])< 11){
   // 引入fastclick 做相关处理
  }
}

都是针对vue项目的,希望对各位有帮助!

你可能感兴趣的:(js功能)