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

2020-05-14  本文已影响0人  hans_431c

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

猜你喜欢

热点阅读