首页 > 代码库 > Ihone中H5页面用on绑定click无效的解决方法

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

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

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

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

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

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

exp:

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

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

解决办法如下:

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

exp:

selector {
cursor:pointer;
}

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

 

 

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

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