html 手机端click 事件延迟问题(fastclick.js使用方法)

Posted 狗哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 手机端click 事件延迟问题(fastclick.js使用方法)相关的知识,希望对你有一定的参考价值。

 

下载地址: fastclick.js

为什么存在延迟?

      从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作。

1、引入fastclick.js 文件

1 <script type=‘application/javascriptsrc=‘fastclick.js‘></script>  

2、调用方法

    普通调用:

1 window.onload = function() {
2     FastClick.attach(document.body);     
3 }

    jquery调用:

1 $(function() {  
2     FastClick.attach(document.body);  
3 });  

 

  

以上是关于html 手机端click 事件延迟问题(fastclick.js使用方法)的主要内容,如果未能解决你的问题,请参考以下文章

移动端点击(click)事件延迟问题的产生与解决方法

fastclick

移动端WEB开发,click,touch,tap事件浅析

移动端WEB开发,click,touch,tap事件浅析

移动端web开发click touch tap区别

移动端常见问题(click 300ms延迟)