ios下Safari沒法觸發click事件的處理

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

首先上代碼jquery

<!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」呢?android

呵呵呵呵呵呵,結果是隻有第二個img的點擊能正確觸發click,點擊div裏的文字徹底沒效果。ios

解決辦法就是綁定到  「touchend」 事件。。。spa

這個bug只有在ios的Safari下才能出現,桌面端、android端都沒有問題,蘋果然是傲嬌啊。。scala

ps:移動端的點擊處理仍是得儘可能用touch類的事件。。click坑太多了。code

相關文章
相關標籤/搜索