這兩天在做一個WAP頁面,在chrome上模擬移動端的時候,都好好的,然而放到手機上測試時,
發現有些點擊事件直接無反應,但是有些有反應;
本小白在想,難道是由於我頁面上有用到滾動插件,里面的touch事件的preventDefault導致click失效?
於是,換成了touchSart事件試了下,效果比之前略好,但是,有重復點擊事件,本小白排查了一會兒,
發現頁面上明明在滾動區域有別的點擊事件,為毛別的用的好好的,就這個不行,仔細對比,發現別的都是A標簽,
無效的是DIV,於是,我就像發現了新大陸一樣,麻溜的將DIV改成A標簽,於是,妥妥的好了!
於是,我又想,難道移動端DIV的點擊事件都是這么雞肋?,然后在一個非滾動區域的DIV上綁定事件試了下,
發現沒問題,於是,我總結了下,在有用到滾動touch相關的事件里阻止了默認行為時,對DIV的點擊綁定失效時,
將其轉成A標簽即可。