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

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

作者: hans_431c | 来源:发表于2020-05-14 10:27 被阅读0次

在网上找了好久 终于在找到了解决方法,附上原文链接: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();
}
};```

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/jmwznhtx.html