fastclick 介绍
FasFastClick 是一个简单易用的库,它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏。FastClick 是由 FT Labs 开发的。
为什么会存在延迟 ?
根据 Google 的说法:
...移动端浏览器会从你点击按钮之后,等待大约 300ms 才会触发点击事件。原因是浏览器会等待看你的行为是否会是双击。
安装fastclick
在页面直接引入fastclick.js
<script type='application/JavaScript' src='/path/to/fastclick.js'></script>
使用npm安装
npm install fastclick
初始化FastClick实例
初始化FastClick实例建议在页面的DOM文档加载完成后。
纯JavaScript版
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
jQuery版
$(function() {
FastClick.attach(document.body);
});
类似Common js的模块系统方式
var attachFastClick = require('fastclick');
attachFastClick(document.body);
调用require('fastclick')会返回FastClick.attach函数。
网站地址:http://ftlabs.github.io/fastclick/
GitHub:https://github.com/ftlabs/fastclick
网站描述:消除移动端浏览器上的点击事件的 300ms 的延迟
fastclick
官方网站:http://ftlabs.github.io/fastclick/
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。