vue 添加 fastclick 处理移动端click事件300毫秒延迟

vue 添加 fastclick 处理移动端click事件300毫秒延迟,第1张

概述astclick:可以处理移动端click事件300毫秒延迟1、兼容性iOS3及更高版本的移动SafariiOS5及更高版本的ChromeAndroid上的Chrome(ICS)OperaMobile11.5及以上版本Android2以来的Android浏览器PlayBookOS1及以上版本2、不应用FastClick的场景桌面浏览器;如果视口元标签

astclick:可以处理移动端click事件300毫秒延迟

1、兼容性
iOS 3及更高版本的移动Safari
iOS 5及更高版本的Chrome
AndroID上的Chrome(ICS)
Opera Mobile 11.5及以上版本
AndroID 2以来的AndroID浏览器
PlayBook OS 1及以上版本
2、不应用FastClick的场景
桌面浏览器;
如果视口元标签中设置了wIDth=device-wIDth,AndroID上的Chrome 32+会禁用300ms延时;

<Meta name="vIEwport" content="wIDth=device-wIDth, initial-scale=1">

视频元标签如果设置了user-scalable=no,AndroID上的Chrome(所有版本)都会禁用300ms延迟。
IE10中,可以使用CSS属性-ms-touch-action: none禁止元素双击缩放(参考文章)。

3、安装:
先执行安装fastclick的命令。

npm install fastclick -S

之后,在main.Js中引入,并绑定到body

import FastClick from 'fastclick'FastClick.attach(document.body);
总结

以上是内存溢出为你收集整理的vue 添加 fastclick 处理移动端click事件300毫秒延迟全部内容,希望文章能够帮你解决vue 添加 fastclick 处理移动端click事件300毫秒延迟所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1005549.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存