Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
搜索

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

fastclick

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

扫一扫分享

网站地址: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://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的资源
mand-mobile
面向金融场景的Vue移动端UI组件库
官网
GitHub
wxapp-img-loader
适用于微信小程序的图片预加载组件
点击进入
GitHub
vue2-elm
vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
官网
GitHub
Wot UI
高颜值、轻量化的uni-app组件库
官网
GitHub
Jingle UI
一个基于html5、css3开发轻量级的移动webapp 框架
官网
GitHub
react-use-gesture
组件绑定鼠标/触摸手势的小助手
点击进入
GitHub
MUI
最接近原生APP体验的高性能前端框架
官网
GitHub
Flukit
一个 Flutter UI组件库,包含 ScaleView, Swiper
点击进入
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

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