您的位置:首页 > Web前端 > HTML5

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

2018-01-10 18:20 309 查看
首先问一句? 为什么移动页面还在用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生成的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  H5