在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ 如何做到h5頁面事件禁用與啟用?

如何做到h5頁面事件禁用與啟用?

在h5頁面上,有一個列表,列表中的每一個item都有一個點擊事件,當(dāng)點擊條目時,會有一個詳情頁面從右邊transform進來,覆蓋住列表頁面。
目前的問題是這樣的,先點擊一個item,此時觸發(fā)詳情頁進入,而transform設(shè)置為1秒才能完全過來,在這個過程中,列表中的條目仍然可見并且可點擊,如果用戶在詳情頁完全推進來之前又點擊了其他的條目,將觸發(fā)多個詳情頁面一層層的推進過來
我目前的思路是:當(dāng)用戶點擊一個列表項時,禁用所有click和tap事件,當(dāng)詳情頁完全推進來之后,再啟用所有click和tap事件
目前,不太清楚如何禁用和啟用所有的click和tap事件,請道友們幫忙解一下

如果有其他思路,也請指教,謝謝!

回答
編輯回答
熊出沒
  1. css里加個class,就比如叫.stop-click吧。樣式:

    .stop-click {
        pointer-events: none;
    }
  2. 用的時候,給body套上這個class,不用了以后去掉就好。
  3. 確實有點像節(jié)流場景,考慮下
2018年7月5日 08:21
編輯回答
雨蝶

可以試一下設(shè)置一個flag 標(biāo)志位,當(dāng)觸發(fā)點擊事件時,如果flag為true,則執(zhí)行點擊事件,此時flag置為false,點擊事件失效,當(dāng)詳情頁推進來之后再設(shè)置為true,點擊事件啟用。當(dāng)flag為false時,不執(zhí)行任何操作。

2017年11月23日 21:12
編輯回答
情未了

節(jié)流防抖了解一下

2017年12月31日 18:51