PC端和移动端点击事件的区别：

1、PC端的点击事件为：click;

2、移动端的点击事件为 touchstart --> touchmove -> touchend -->click。

在移动端下也可以用click那么我们为什么要做兼容呢？

验证touchstart和click事件哪个先触发

html代码为：

<style>  

  .content{  

        height:500px;  

    background:#F00;  

  }  

</style>  

<div class="content"></div>

javascript代码为：

var content = document.querySelector(".content");  

content.addEventListener("touchend", function(){  

     content.style.background = "#0F0";  

});  

content.addEventListener("click", function(){  

     content.style.background = "#00F";  

});

通过验证我们可以得出结论：

先执行的touchend事件，之后才执行的click事件，也可以看得出冒泡事件的发生过程，由此可见，click在移动端下有延迟，所以在移动端下的点击事件最好不要用click，下面我们来做移动端的点击事件兼容处理

那么我们应该如何做到点击事件的兼容呢？

我们可以通过点击事件的类型来判断，如果是PC端那么我们不用管他，因为PC端没有touch事件，如果在移动端，那我们就判断点击的类型是否为touchend或touchstart,如果存在就说明是移动端的点击事件，那么我们才能解绑click事件在阻止冒泡事件：

代码如下：

function events(e){

    // 判断是否存在touch事件

    if(e.type == "touchend" || e.type == "touchstart"){

        $(e.target).unbind("click");//解绑click事件

        e.preventDefault();//阻止默认事件

    }

}