移动端点击事件 FastClick 插件

移动端点击延迟事件

1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟

2. 原因: 移动端的双击会缩放导致click判断延迟

FastClick的使用

在页面直接引入fastclick.js 链接

<script src="./fastclick.js"></script>

语句：

js原生

 if ('addEventListener' in document) {
            document.addEventListener("DOMContentLoaded", function() {
                FastClick.attach(document.body);//body下元素添加事件
            }, false)
        }

jQ方法：

$(function() {
    FastClick.attach(document.body);//body下元素添加事件
});

事件引用

  document.querySelector(".box").addEventListener('click', function() {
            document.body.style.background = "red"
        })