分类

安卓应用安卓游戏攻略资讯

编程相关

fastclick.js

fastclick.js 官方版

大小:55 KB

语言:简体中文系统:WinXP, Win2003, Vista, Win7, Win8, Win10

类别:编程相关时间:2019-09-03

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);

展开

猜您喜欢

同类推荐

网友评论