fastclick.js插件使用简单说明

为什么存在延迟？

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

引入插件步骤

①在HTML页面中添加

[html] view plain copy

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

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

[javascript] view plain copy

if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}

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

[javascript] view plain copy

$(function() {
FastClick.attach(document.body);
});

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

[javascript] view plain copy

var attachFastClick = require('fastclick');
attachFastClick(document.body);

转载于:https://www.cnblogs.com/dujunfeng/p/7985621.html

fastclick.js插件使用简单说明相关推荐

swiper怎么在HTML引入JS文件,Swiper.js插件超简单实现轮播图
Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端.能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果.超好用话不多说,直接上教程 1.首先加载插件,需要用到 ...
使用js插件实现简单有趣的人脸识别
前阶段无聊想搞个人脸识别玩玩,发现一个有趣的插件包,虽然不算特别强大但是相对还是能实现效果,主要是它简单啊,让你5分钟内就会用,可以去玩玩看,现在我把它拿出来和大家分享这个插件就是jquery.fa ...
JQuery.form.js插件的简单使用
其实就是用ajax提交表单,但是不想让他跳转页面所以选用ajax提交表单.我也不知道为什么,难道是因我里面的数据太多了?不应该啊...总之我的表单没有序列化的功能!对,就是这样.所以我就选用了人家的小 ...
html阅读统计图,html统计图js插件超简单使用方法（单文件）
使用方法很简单在页面引用这个js: echarts.min.zip 如下是官方的示例: // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(doc ...
vue实现波纹效果_简单的Vue.js插件可实现自定义波纹效果
vue实现波纹效果 Vue-Rippler (vue-rippler) Simple Vue.js plugin for custom ripple effect. 简单的Vue.js插件可实现自定义 ...
前端开发需要了解的JS插件
excanvas.js/Chart.js/cubism.js/d3.js/dc.js/dx.chartjs.js/echarts.js/flot.js 用途:构建数据统计图表,兼容多浏览器 jquer ...
js插件---10个免费开源的JS音乐播放器插件
js插件---10个免费开源的JS音乐播放器插件一.总结一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件亲测可用音乐播放器在网页设计中有时候会用到, ...
js插件---webuploader 使用（lavarel中使用）
js插件---webuploader 使用(lavarel中使用) 一.总结一句话总结: 多去看几个具体使用的实例,很多blog教程都有坑,多看几个交叉印证可以没那么多坑 1.webuploader ...
[转]九个Console命令，让js调试更简单
转自:九个Console命令,让js调试更简单一.显示信息的命令 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html ...
js大屏导出图片_超大图片全屏动态展示js插件
intense-images是一款非常实用的超大图片全屏动态展示js插件.该图片查看插件可以全屏显示超大图片,可以使用鼠标来和图片进行交互,上下左右移动鼠标会相应的移动图片,对于超大图片的展示是非常好 ...

fastclick.js插件使用简单说明

fastclick.js插件使用简单说明相关推荐

最新文章

热门文章