fastclick插件学习（一）之用法

原理

在检测到touchend事件后, 会通过dom自定义事件模拟一个click事件,并把浏览器300ms之后真正触发的点击事件屏蔽掉，fastclick是不会对PC浏览器添加监听事件

使用

1、引入fastclick.js

2、给body所有的元素绑定click事件,之后我们使用的就是fastclick中的click事件（像正常使用click事件一样）

情况一：使用jquery

// js引入

<script type='application/javascript' src='/path/to/fastclick.js'></script>   
 

$(function() {

    FastClick.attach(document.body);

});

情况二：没用jquery

// js引入

<script type='application/javascript' src='/path/to/fastclick.js'></script>

if ('addEventListener' in document) {

　　 document.addEventListener('DOMContentLoaded', function() {

    　　FastClick.attach(document.body);

　　 }, false);

}

情况三：AMD

var FastClick = require('fastclick');
FastClick.attach(document.body, options);

例如：在vue中使用

// 安装
npm install fastclick -S
// 引入
import FastClick from 'fastclick'
// 使用
FastClick.attach(document.body);

参考

fastclick

巴特西

fastclick插件学习（一）之用法

原理

使用

情况一：使用jquery

情况二：没用jquery

情况三：AMD

参考

最新文章

热门文章