IPhone中H5页面用on绑定click无效的解决方法

发表于 2017-01-13 17:52:53   |   下载附件   |   字体:
touchstart与click冲突touchtart时需要滑动页面click在iphone下无效click无效

首先声明本人资质尚浅,本文只用于个人总结。如有错误,欢迎指正、共同提高。

-----------------------------------------------------------------------------------

首先问一句? 为什么移动页面还在用click方法?假如必须用click,且遇到如标题所示bug,下文便是解决之道。当然,如果不用必须用click,则换成touch自然不存在本文的bug。

话不多说,当你懂得何时直接绑定click,何时用on绑定时候,理解下文就非常容易。

当用如下方法绑定click事件时,

exp:

$(document).on('click','selector',function(){
});

发现在PC各种浏览器,以及移动端模拟器上都是可以正常调试的,但是在ios的微信端访问或浏览器访问均有不同程度的无效情况,

解决办法如下:

第一种方法:解决的方法很巧妙,就是给需要绑定事件的元素添加一个css cursor: pointer 。

exp:

selector {
cursor:pointer;
}

第二种方法:把document换成selector的父元素,前提是父元素不是由JS生成的。