解决vue项目iOS点击两次调起iOS键盘问题

前几天项目碰到个iOS点击输入框轻轻点击输入框调用不起键盘，需要点击好多次才可以。最后在网上查询了好多资料才得以解决。

     进入正题，第一步查看是否安装了fastclick插件，就是看一下package.json文件有没有。如果么有就安装一下。命令如下：

        

cnpm install fastclick --save

       第二步：在main.js文件中将fastclick注入到dom中

    

 

import FastClick from 'fastclick';

const str= navigator.userAgent.toLowerCase()
const ver=str.match(/cpu iphone os (.*?) like mac os/)
 
if(!ver){//非IOS系统
  // 引入fastclick 做相关处理
  FastClick.attach(document.body);
}
else {
  if(parseInt(ver[1])< 11){
   // 引入fastclick 做相关处理
   FastClick.attach(document.body);
  }
}

       

推荐阅读：

• 漫画：什么是跳跃表？

• 还在用 Windows 自带的搜索工具吗？你 out 啦！

• 不花一分钱照样可以使用正版Office办公软件

• 这次我把「百度网盘加速下载」说得很清楚了

 

喜欢本文的朋友们，欢迎长按下图关注订阅号凌飞心得，收看更多精彩内容