网页开发移动端注意点（点击事件300ms延迟）

目录

点击事件300ms延迟

---

点击事件300ms延迟

由于移动端显示网页屏幕较小，300ms是由于要区分是打开链接还是放大页面，可以通过touchstart和click事件的触发时间差来验证。

解决方法：

方法一：通过添加下面代码，使安卓系统的手机显示网页会适应大小，并禁用缩放功能，使双击事件不再为放大。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

方法二：通过第三方库fastclick。下载链接https://github.com/ftlabs/fastclick下载，通过script标签引入fastclick.js，新的script标签中写入下面代码即可。

if ('addEventListener' in document) {
	document.addEventListener('DOMContentLoaded', function() {
		FastClick.attach(document.body);
	}, false);
}

方法三：通过css语法禁用双击放大事件。代码如下：

 *{
      touch-action: manipulation;
  }