开发移动端web页面click事件失效问题
生活随笔
收集整理的這篇文章主要介紹了
开发移动端web页面click事件失效问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這兩天在做一個WAP頁面,在chrome上模擬移動端的時候,都好好的,然而放到手機上測試時,
發現有些點擊事件直接無反應,但是有些有反應;
難道是由于我頁面上有用到滾動插件,里面的touch事件的preventDefault導致click失效?
于是,換成了touchSart事件試了下,效果比之前略好,但是,有重復點擊事件,本小白排查了一會兒,
發現頁面上明明在滾動區域有別的點擊事件,為毛別的用的好好的,就這個不行,仔細對比,發現別的都是A標簽,
無效的是DIV,于是,我就像發現了新大陸一樣,麻溜的將DIV改成A標簽,于是,妥妥的好了!
于是,我又想,難道移動端DIV的點擊事件都是這么雞肋?,然后在一個非滾動區域的DIV上綁定事件試了下,
發現沒問題,于是,我總結了下,在有用到滾動touch相關的事件里阻止了默認行為時,對DIV的點擊綁定失效時,
將其轉成A標簽即可。
轉載于:https://www.cnblogs.com/exhuasted/p/6857289.html
總結
以上是生活随笔為你收集整理的开发移动端web页面click事件失效问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 第十二周学习进度条
- 下一篇: WPF Demo18 路由事件