美文网首页
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