下載地址：https://github.com/ftlabs/fastclick

http://amazeui.org/1.x/javascript/fastclick/

?

從點(diǎn)擊屏幕上的元素到觸發(fā)元素的 click 事件，移動瀏覽器會有大約 300 毫秒的等待時間。為什么這么設(shè)計(jì)呢？ 因?yàn)樗肟纯茨闶遣皇且M(jìn)行雙擊（double tap）操作。

不應(yīng)用 FastClick 的場景

1.桌面瀏覽器；

2.如果 viewport meta 標(biāo)簽 中設(shè)置了 width=device-width， Android 上的 Chrome 32+ 會禁用 300ms 延時；

<meta name="viewport" content="width=device-width, initial-scale=1">

3.viewport meta 標(biāo)簽如果設(shè)置了 user-scalable=no，Android 上的 Chrome（所有版本）都會禁用 300ms 延遲。

4.IE10 中，可以使用 css 屬性 -ms-touch-action: none 禁止元素雙擊縮放（參考文章）

?

---

?

當(dāng)使用了FastClick后，將所有的click事件延遲300ms都恢復(fù)為0。

使用方法

TODO: 修改使用接口

1.

window.addEventListener('load', function() {FastClick.attach(document.body); }, false);

2.Zepto.js:

$(function() {FastClick.attach(document.body); }); var attachFastClick = require('fastclick'); attachFastClick(document.body);

?

轉(zhuǎn)載于:https://www.cnblogs.com/shimily/articles/4933882.html

總結(jié)

以上是生活随笔為你收集整理的click事件延迟300ms,处理方法-----FastClick的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。