Fastclick 消除移动端点击延迟
在移动端,由于点击和放大冲突的问题,所以点击会有 300ms 的延时,使用Fastclick 后,延时就消失了。
实现原理: 监听 touchend 事件,手动触发 click 事件,阻止默认的 click 事件
(function() { var touchStartX = 0; var touchStartY = 0; var touchEndX = 0; var touchEndY = 0; document.addEventListener('touchstart', function(event) { touchStartX = event.changedTouches[0].screenX; touchStartY = event.changedTouches[0].screenY; }); document.addEventListener('touchend', function(event) { touchEndX = event.changedTouches[0].screenX; touchEndY = event.changedTouches[0].screenY; if (Math.abs(touchEndX - touchStartX) < 10 && Math.abs(touchEndY - touchStartY) < 10) { event.preventDefault(); event.target.click(); } }); })();
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
上一篇: 移动端适配的方法
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论