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坑太多了。