首页 > 代码库 > ios下Safari无法触发click事件的处理

ios下Safari无法触发click事件的处理

ios下的Safari真是傲娇啊,坑好多。

首先上代码

<!DOCTYPE html><html><head>    <title>122</title>    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"></head><body><div>    adfafasdfasdfasdfasfdasdf<br/>    adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/>    adfafasdfasdfasdfasfdasdf<br/>    adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/>    adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/>adfafasdfasdfasdfasfdasdf<br/></div><div>    <img src="__IMG__/indexbanner.png" alt=""/></div><script src="__JS__/jquery-1.11.1.min.js"></script><script>    $(function(){        $(body).on("click", function(e){            alert("click");        });    })</script></body></html>

提问:点击在文字上和点击在图片上是否都会弹出“click”呢?

呵呵呵呵呵呵,结果是只有第二个img的点击能正确触发click,点击div里的文字完全没效果。

解决办法就是绑定到  “touchend” 事件。。。

这个bug只有在ios的Safari下才能出现,桌面端、android端都没有问题,苹果真是傲娇啊。。

ps:移动端的点击处理还是得尽量用touch类的事件。。click坑太多了。

ios下Safari无法触发click事件的处理