fastclick.js插件使用简单说明有大用

星期二, 2016-08-16 10:22 — adminshiping1

新手领域，大牛请跳过 fastclick.js 里的click其实并不是真正的点击click方法,它只是click点击的替代方法

首先是资源的下载：fastclick.js

https://github.com/ftlabs/fastclick

作为一个新手，插件原理什么的研究不透，看的也是似懂非懂的，网上有很多大牛写的博文相当的好，对于写文章方面确实是望尘莫及啊，所以想详细了解原理的朋友直接去大牛的博客里欣赏吧【读fastclick源码有感】

在这里我只是简单的记录下简单的用法，还请大牛们不吝赐教

为什么存在延迟？

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

引入插件步骤

①在HTML页面中添加

[html]view plain copy 
 print?
<script type='application/javascript' src='/path/to/fastclick.js'></script>  

注：必须在页面所有Element之前加载脚本文件先实例化fastclick
②在JS中添加fastclick的身体，推荐以下做法：

[javascript]view plain copy 
 print?
if ('addEventListener' in document) {  
    document.addEventListener('DOMContentLoaded', function() {  
        FastClick.attach(document.body);  
    }, false);  
}  

如果你使用了JQuery，那么JS引入就可以改用下面的写法：

[javascript]view plain copy 
 print?
$(function() {  
    FastClick.attach(document.body);  
});  

如果你使用Browserify或者其他CommonJS-style 系统,当你调用`require('fastclick')`时，`FastClick.attach`事件会被返回，加载FastClick最简单的方式就是下面的方法了：

[javascript]view plain copy 
 print?
var attachFastClick = require('fastclick');  
attachFastClick(document.body);  
 

来自 http://blog.csdn.net/zfy865628361/article/details/49512095

普通分类:

javascript

You are here

友情链接

搜索表单

用户登录

You are here

fastclick.js插件使用简单说明 有大用

友情链接

fastclick.js插件使用简单说明有大用