ios移动端浏览器点击事件失效的解决方案

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios移动端浏览器点击事件失效的解决方案相关的知识,希望对你有一定的参考价值。

点击事件失效的原因可能是因为,你用了事件代理了,

 

比如这样

$(document).on("click",".fd",function(){

})

这段代码在安卓机上是没有问题的,但是iso的自带浏览器和微信浏览器和其他浏览器都会失效,原因是ios规定,事件代理的元素只能是button元素其他一律不生效

 

想要解决这个问题,也很简单

1.

$(document).on("click","button",function(){

})

2.就是用普通的事件就好,

$(".bash").click(function(){});

 

 

ps:

用事件代理的原因是页面有很多动态的元素,那么如果为了兼容ios移动端的话就只能   在动态添加的元素上在绑定一次事件了。





以上是关于ios移动端浏览器点击事件失效的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

移动端 ios touchmove滑到边界(浏览器地址拦以以上) touchend失效解决办法

移动端兼容性问题解决方案

移动端兼容性问题解决方案

移动端兼容性问题解决方案

移动端兼容性问题解决方案

安卓手机微信自带浏览器点击事件失效解决