vue移动端项目在IOS上点击输入框失效, 需要点击多次

在网上找了好久 终于在找到了解决方法,附上原文链接:https://blog.csdn.net/YY110621/article/details/91412468

原因:在项目中引入了FastClick解决300ms延迟的优化,当使用FastClick 时,输入框在ios上点击输入调取手机自带输入键盘不灵敏,有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透。

解决方法:
在main.js 中加上这串代码:

let length;
if (targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
  length = targetElement.value.length;
  targetElement.focus();
  targetElement.setSelectionRange(length, length);
} else {
  targetElement.focus();
}
};```
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。