fastclick.js是一款重要js文件,它能够实现在浏览器中获得300毫秒延迟效果,可用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。让编程过程能够更加快速,带来了众多便利辅助,需要的朋友可以来本站下载使用!
fastclick.js特色
移动端在处理点击事件的时候,会有300毫秒的延迟。恰恰是这300毫秒的延迟,会让人有一种卡顿的体验。
这300毫秒的原因,在于早期浏览器的实现中,浏览器不知道用户触摸后,到底想做什么,所以故意等待300毫秒,再触发click事件。
既然我们已经知道了原因了,怎么解决呢?
既然浏览器有这300ms的延迟,那么我们来代替浏览器判断,手动触发click事件,这也是fastClick的解决方案。
使用说明
引入插件的JavaScript文件到你的HTML网页中,像这样:
注意:type属性在HTML5网页中可以省略不写。
脚本必须加载到实例化fastclick在页面的任何元素之前。
实例化 fastclick 最好在body元素的前面,这是使用推荐的方法:
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
或者你使用了jQuery插件,你可以这样编写:
$(function() {
FastClick.attach(document.body);
});
如果你使用的browserify CommonJS的模块系统或另一种风格,其fastclick.attach函数将返回 require(‘fastclick’) 。作为一个结果,使用fastclick这些装载机的最简单的方法如下:
var attachFastClick = require('fastclick');
attachFastClick(document.body);