fastclick

fastclickfastclick–处理移动端click事件300毫秒延迟安装:npminstallfastclick–save   之后,在main.js中引入    importFastClickfrom’fastclick’    并绑定到bodyFastClick.attach(document.body);1、兼容性iOS3及更高版本的移动SafariiOS5及更高版本的C…

大家好,又见面了,我是你们的朋友全栈君。

fastclick — 处理移动端click事件300毫秒延迟

安装 :npm install fastclick –save

     之后,在main.js中引入

    import FastClick from ‘fastclick’

    并绑定到body

FastClick.attach(document.body);

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禁止元素双击缩放

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150769.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月19日 下午8:16
下一篇 2022年6月19日 下午8:16


相关推荐

  • Mac 双系统之windows坏了咋办

    Mac 双系统之windows坏了咋办1背景Macmini装了个双系统。windows系统太慢,准备重装,本来想着直接恢复出厂,结果根本不能这么操作。由于默认启动盘设置的是windows系统,然后就出现了,起不来的情况,其实之前也遇到过,就是忘了,折腾了好久这里记录一下。2解决方案重启系统听到声响后,按住win+r知道出现相关的操作界面,接下来迎刃而解!!!!是按住win+r,不是ctrl也不是alt+r…

    2022年10月6日
    5
  • css 文字垂直居中

    css 文字垂直居中css 样式中提供了 text align center 实现的是水平居中 但没有提供直接的垂直居中 具体原因不得而知 实现方式可以通过设置行高 盒子的高度 原因很好理解 行高 上缝隙 文字高度 下缝隙 而文字的高度又是固定的 上下缝隙距离是均分的 所有就会强制文字垂直居中显示了 只不过上下缝隙是没有颜色的看不见而已 举例 DOCTYPE tml htmllang en head metacharset UTF 8 metacharset UTF 8 head htmllang en

    2026年3月20日
    1
  • 灵感分享|10个优秀网站设计实例赏析及原型分享

    灵感分享|10个优秀网站设计实例赏析及原型分享网页设计师们经常会浏览高质量的网页设计作品分享网站 来解决灵感枯竭的问题 因为在这些优秀的网站设计实例中可以看到某些趋势 诸如 扁平化设计 视差滚动 响应式设计 流行配色设计等等 今天小摹为大家带来 10 个优秀网站设计实例 希望能为网页设计师们带来好的灵感 01 Ester 在这个网页设计中 采用了流行的插画风格 动态的草图插画使这些插画的纹理非常的清晰 有非常明显的手工迹象

    2026年3月19日
    2
  • goland激活码20213月最新在线激活

    goland激活码20213月最新在线激活,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月14日
    66
  • 虚拟机一站式部署Claude Code &可视化UI界面

    虚拟机一站式部署Claude Code &可视化UI界面

    2026年3月15日
    2
  • matlab如何使用循环语句_matlab中循环语句怎么写

    matlab如何使用循环语句_matlab中循环语句怎么写对于fo循环和while循环均适用:1)for语句中赋值问题%理解for循环clccleara=1;m=3;fori=1:m%理解此处的m不是向量,是循环时的某一个固定值b(i)=a*i%得到的b值保留前一个循环中计算的值。是一个随着i变化的向量,loop1时向量中有1个元素;loop2时有2个元素,分别是loop1中值和loop2中

    2026年4月15日
    11

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号