fastclick插件学习(一)之用法

拈花ヽ惹草 提交于 2019-12-06 05:13:11

原理

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

使用

1、引入fastclick.js

2、给body所有的元素绑定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

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!