移动端点击延迟事件
1. 移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟
2. 原因: 移动端的双击会缩放导致click判断延迟
原理: 在检测到touchend事件的时候,会通过DOM自定义事件立即出发模拟一个click事件,并把浏览器在300ms之后真正的click事件阻止掉
<script type='application/javascript' src='/path/to/fastclick.js'></script> // 使用了jquery的时候 $(function() { FastClick.attach(document.body); }); // 没使用jquery的时候 if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); }
在vue中使用
// 安装 npm install fastclick -S // 引入 import FastClick from 'fastclick' // 使用 FastClick.attach(document.body);
Github 项目地址:https://github.com/ftlabs/fastclick。
发表评论
侧栏公告
寄语
譬如朝露博客是一个分享前端知识的网站,联系方式11523518。
热评文章
标签列表
热门文章
友情链接