Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件CSS相关在线工具建站资源 更多
网站收录 / 问题反馈

fastclick

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

fastclick
网站地址:http://ftlabs.github.io/fastclick/
GitHub:https://github.com/ftlabs/fastclick
描述信息:消除移动端浏览器上的点击事件的 300ms 的延迟
访问官网
GitHub

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函数。


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://web.fly63.com/nav/979

更多»
热门资源
React Native
Facebookt推出基于 React 的创建跨平台移动应用开发框架
官网
GitHub
uni-app
使用 Vue.js开发跨平台应用的前端框架
官网
GitHub
Flutter
谷歌推出的跨平台移动UI框架
官网
GitHub
framework7
用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
官网
GitHub
ionic
ionic是一个用来开发混合手机应用的,开源的,免费的代码库
官网
GitHub
weex
阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署
官网
GitHub
Taro
多端统一开发框架,生成能运行在微信小程序、H5、React Native 等的应用
官网
GitHub
React Belle
一个React组件库
官网
GitHub
noUiSlider
一个轻量级的Js范围滑块库
官网
GitHub
mavonEditor
基于vue的markdown编辑器
点击进入
GitHub
fair ui
为Flutter设计的动态化框架
官网
GitHub
react-native-ui-lib
React Native的UI组件库和工具集
官网
GitHub
类似于fastclick的资源
wemark
微信小程序Markdown渲染库
点击进入
GitHub
Perry
TypeScript一键编译成多平台原生二进制,直接编译原生App
官网
GitHub
微信小程序
一种全新的连接用户与服务的方式,在微信内被便捷地获取和传播,同时具有出色的使用体验。
官网
Onsen UI
用于创建基于PhoneGap / Cordova的快速而美观的HTML5混合移动应用程序
官网
GitHub
Hermes
一款小巧轻便的 JavaScript 引擎,针对在 Android 上运行 React Native 进行了优化
官网
GitHub
APICloud
一套代码同时生成Android、iOS、小程序、Web等多端应用
点击进入
bttn.css
一组好看的按钮集合
官网
GitHub
GetWidget
一个flutter漂亮的ui组件库,超过1000个组件的封装,易用,美观
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。