关于移动端click事件绑定的一个细节

click是最常见的点击事件，但是对于移动终端，比如手机，一般都是以touch事件代替的，而click事件在手机也是生效的，只是会有1-2秒左右的延迟，那么当你想要用click而非touch事件的时候，该如何处理事件绑定的呢，不用说，为了阻止事件冒泡，以及动态加载出来的DOM元素也绑定点击事件，肯定是这样使用的：

$('body').on('click','#btn',function(){
    alert(1);
})

好了，在pc浏览器模拟手机环境中测试没问题，在安卓手机中实测也是没问题，但是到了iPhone手机中，问题来了，他并没有任何反应，也就是不会触发alert事件，当你把click事件改成touch事件，就正常了。

但是，我的问题并不是如此，我touch绑定了其他事件，我就是要用click，怎么办，难道针对iPhone再写一个点击事件的代码？那万一你一套页面中有很多点击事件，岂不是要一个个的再写，很累，解决办法很简单，我也是百度来的，只需要对你要点击的那个目标，也就是#btn这个id加上一个css属性，cursor:pointer，问题迎刃而解。

再试一下，iPhone和安卓都完美兼容。

巴特西

关于移动端click事件绑定的一个细节

最新文章

热门文章