好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

fastclick

fastclick 介绍

FasFastClick 是 一个 简单易用的库,它消除了移动端浏览器上的物理点击和触发 一个 click 事件之 间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏。FastClick 是由 FT Labs 开发的。

为什么会存在延迟 ?

根据 Google 的说法:

...移动端浏览器会从你点击按钮之后,等待大约 300ms 才会触发点击事件。原因是浏览器会等待看你的行为是否会是双击。

安装fastclick

在 页面 直接引入fastclick.js

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

使用npm安装

npm?install?fastclick

初始化FastClick实例

初始化FastClick实例建议在 页面 的DOM文档加载完成后。

纯JavaScript版

if?('addEventListener'?in?document)?{

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

FastClick.attach(document.body);

},?false);

}

jQuery版

$(function()?{

FastClick.attach(document.body);

});

类似Common?js的模块系统方式

var?attachFastClick?=?require('fastclick');

attachFastClick(document.body);

调用 require('fastclick')会返回FastClick.attach 函数 。

网站地址 : http://ftlabs.github.io/fastclick/

GitHub: https://github.com/ftlabs/fastclick

网站描述: 消除移动端浏览器上的点击事件的 300ms 的延迟

fastclick官方网站

官方网站: http://ftlabs.github.io/fastclick/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于fastclick的详细内容...

  阅读:36次

上一篇

下一篇

第1节:PhoneGap    第2节:WXPage    第3节:Remax    第4节:Mobiscroll    第5节:mobilebone.js    第6节:WeZRender    第7节:weex    第8节:image-cropper    第9节:mobile-calendar    第10节:amazeui    第11节:weui    第12节:wxapp-market    第13节:material-kit    第14节:AUI Mobile    第15节:touchui    第16节:alita    第17节:vum    第18节:FrozenUI    第19节:Touch WX    第20节:Flutter    第21节:nutui    第22节:Onsen UI    第23节:Tina.js    第24节:fastclick    第25节:golden-layout    第26节:Weex Ui    第27节:cordova    第28节:wxParse    第29节:antmove    第30节:GMU    第31节:react-use-gesture    第32节:labrador    第33节:wux-weapp    第34节:vux    第35节:noUiSlider    第36节:wechat-im    第37节:jquery-weui    第38节:vant    第39节:pulltorefresh.js    第40节:slip.js    第41节:react-native-sideswipe    第42节:BeautyWe.js    第43节:lottie-web    第44节:react-native-elements    第45节:cube-ui    第46节:lin-ui    第47节:wxSearch    第48节:DHTMLX    第49节:bttn.css    第50节:微信小程序    第51节:westore    第52节:framework7    第53节:uni-app    第54节:vue2-elm    第55节:vue-ydui    第56节:bindingx    第57节:Jingle UI    第58节:weui-wxss    第59节:WeexBox 2.0    第60节:vant-weapp    第61节:NativeScript    第62节:快应用    第63节:weui+    第64节:Taro    第65节:NativeBase    第66节:graceUI    第67节:mavonEditor    第68节:Ratchet    第69节:AKjs.Mobile    第70节:mobile-angular-ui    第71节:React Belle    第72节:Hermes    第73节:ColorUI    第74节:Atom-Design    第75节:ionic    第76节:wxapp-img-loader    第77节:React Native    第78节:jquery Mobile    第79节:vueg    第80节:mand-mobile    第81节:wemark    第82节:vasern    第83节:mint-ui    第84节:uni-simple-router    第85节:switchery    第86节:mobi.css    第87节:Mand Mobile    第88节:react-virtualized    第89节:iview-weapp    第90节:eros    第91节:minui    第92节:react-native-ui-lib