Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
免费资源下载中心
一站式解决工作学习需求的宝藏网站
星月写作
人工智能写作助手
任推邦
APP推广项目分发和流量变现平台
奇绘馆AI视频
新一代AI视频创作平台
茅茅虫
茅茅虫AI论文写作助手,AIGC论文查重
必火AI
数字人一站式创作平台
豆包AI
字节跳动旗下 AI 智能助手
阿里云优惠券
卓越的云计算技术和服务提供商
蜂小推
不扣量的项目推广平台

资源分类

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的资源
NativeBase
提供给react-native使用的一系列跨平台通用的UI组件
官网
GitHub
image-cropper
一款功能强大的微信小程序图片裁剪插件
点击进入
GitHub
mobile-angular-ui
阿里共享业务事业部UED团队打造,轻量,小巧且精美的UI库,方便迅速搭建手机H5应用
官网
GitHub
YepUI
基于 Vue.js 2.0 的前端 UI 组件库, 主要用于快速开发移动端页面
官网
Flutter
谷歌推出的跨平台移动UI框架
官网
GitHub
vum
手机 webapp 打造的基于 Vue.js 构建的UI框架
官网
GitHub
NativeScript-Vue
用Vue.js开发原生移动应用
官网
GitHub
WeexBox 2.0
一套简洁高效的APP混合开发解决方案
官网
GitHub
目录

手机扫一扫预览

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

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