开发移动端web页面click事件失效问题
這兩天在做一個(gè)WAP頁面，在chrome上模擬移動(dòng)端的時(shí)候，都好好的，然而放到手機(jī)上測(cè)試時(shí)，
發(fā)現(xiàn)有些點(diǎn)擊事件直接無反應(yīng)，但是有些有反應(yīng)；
難道是由于我頁面上有用到滾動(dòng)插件，里面的touch事件的preventDefault導(dǎo)致click失效？
于是，換成了touchSart事件試了下，效果比之前略好，但是，有重復(fù)點(diǎn)擊事件，本小白排查了一會(huì)兒，
發(fā)現(xiàn)頁面上明明在滾動(dòng)區(qū)域有別的點(diǎn)擊事件，為毛別的用的好好的，就這個(gè)不行，仔細(xì)對(duì)比，發(fā)現(xiàn)別的都是A標(biāo)簽，
無效的是DIV，于是，我就像發(fā)現(xiàn)了新大陸一樣，麻溜的將DIV改成A標(biāo)簽，于是，妥妥的好了！
于是，我又想，難道移動(dòng)端DIV的點(diǎn)擊事件都是這么雞肋？，然后在一個(gè)非滾動(dòng)區(qū)域的DIV上綁定事件試了下，
發(fā)現(xiàn)沒問題，于是，我總結(jié)了下，在有用到滾動(dòng)touch相關(guān)的事件里阻止了默認(rèn)行為時(shí)，對(duì)DIV的點(diǎn)擊綁定失效時(shí)，
將其轉(zhuǎn)成A標(biāo)簽即可。
轉(zhuǎn)載于:https://www.cnblogs.com/exhuasted/p/6857289.html
總結(jié)
以上是生活随笔為你收集整理的开发移动端web页面click事件失效问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
