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

Posted 2020-08-15 Juneling

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

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

首先问一句？ 为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。

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

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

exp:

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

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

解决办法如下：

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

exp:

selector {
cursor:pointer;
}

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

 

 

如有错误，欢迎评论指正、共同提高。[握手]