關於移動端點擊無效的一些經驗


  這兩天在做一個WAP頁面,在chrome上模擬移動端的時候,都好好的,然而放到手機上測試時,

發現有些點擊事件直接無反應,但是有些有反應;

  本小白在想,難道是由於我頁面上有用到滾動插件,里面的touch事件的preventDefault導致click失效?

於是,換成了touchSart事件試了下,效果比之前略好,但是,有重復點擊事件,本小白排查了一會兒,

發現頁面上明明在滾動區域有別的點擊事件,為毛別的用的好好的,就這個不行,仔細對比,發現別的都是A標簽,

無效的是DIV,於是,我就像發現了新大陸一樣,麻溜的將DIV改成A標簽,於是,妥妥的好了!

  於是,我又想,難道移動端DIV的點擊事件都是這么雞肋?,然后在一個非滾動區域的DIV上綁定事件試了下,

發現沒問題,於是,我總結了下,在有用到滾動touch相關的事件里阻止了默認行為時,對DIV的點擊綁定失效時,

將其轉成A標簽即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM