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