码迷,mamicode.com
首页 > 其他好文 > 详细

fastclick插件学习(一)之用法

时间:2019-11-30 21:36:33      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:屏蔽   cat   touch   rip   定义   java   amd   follow   https   

原理

在检测到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

 

fastclick插件学习(一)之用法

标签:屏蔽   cat   touch   rip   定义   java   amd   follow   https   

原文地址:https://www.cnblogs.com/kunmomo/p/11963594.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!