Skip to main content

300ms 延迟

移动web的点击事件存在300ms的延迟,这是因为移动设备采用了双击缩放方案。例如在手机上打开一个页面时,如果页面中图片或问题太小而造成阅读困难,便可以快速双击屏幕来放大页面,再次快速双击后回到原始比例。因此移动端浏览器需要判断使用者是否快速双击,判断的时间约为300ms。

这种解决方案造成的后果是移动web的用户点击后会产生一定的卡顿感,影响移动web的使用体验,为了解决这一问题可以使用faskclick插件。


安装插件#

npm install fastclick -S

如何使用#

main.js

import FastClick from 'fastclick'
FastClick.attach(document.body);