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();
}
};```