fastclick.js对input的点击失效!

发布于 2022-09-04 13:45:58 字数 171 浏览 29 评论 0

在引用fastclick.js来对移动端页面消除300ms的延迟,但是在书写表单时,点击type='text'的input没有效果,有时有可能可以点击,但是大多数input是无法点击的,在去掉fastclick.js后input的点击就正常了。这是为什么?是fastclick.js的bug吗?还是要对input标签做特殊处理?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

我还不会笑 2022-09-11 13:45:58

IOS11 已经修复了300秒延迟。在11上应用fastclick反而会卡顿 input点击不了的

const str= navigator.userAgent.toLowerCase()
const ver=str.match(/cpu iphone os (.*?) like mac os/)

if(!ver){//非IOS系统
  // 引入fastclick 做相关处理
}
else {
  if(parseInt(ver[1])< 11){
   // 引入fastclick 做相关处理
  }
}
美男兮 2022-09-11 13:45:58

是fastclick的bug,不过对于不同的Input,原因也可能不同,具体你要看官方的Issue或者去根据出现的问题去查查。

一杆小烟枪 2022-09-11 13:45:58

fastclick对input标签做了很多浏览器的兼容处理,不一定是bug

fastclick

楼主并没有对自己的input是哪一种type以及在何种情况下有更细的描述所以无法帮你解决该问题

楼主可以对着源码搜索input看看,代码中对input的处理,以及各种情况,是否如上面注释所说,并满足预期结构

风筝有风,海豚有海 2022-09-11 13:45:58

遇见了同样的状况。我描述一下我的场景:input标签type='text'类型,在微信当中只能双击input标签的区域才能够显示键盘弹出。并未找到解决方案,恳请高人指点

勿挽旧人 2022-09-11 13:45:58

我移动端也遇到了这样的问题,这篇帖子帮我解决了下,很详细,问题是有点小慢。这是链接地址

FastClick遇到的坑及解决办法-js教程-PHP中文网 http://www.php.cn/js-tutorial...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文