微信小程序阻止事件冒泡
2021-07-28 14:38:26

在測(cè)試小程序的時(shí)候，發(fā)現(xiàn)了這樣的一個(gè)bug，點(diǎn)擊子元素事件d的時(shí)候觸發(fā)父元素的點(diǎn)擊事件，從而執(zhí)行父級(jí)的點(diǎn)擊事件，跳轉(zhuǎn)到了父級(jí)的點(diǎn)擊事件的頁面了。

其實(shí)很簡(jiǎn)單，只需要把子級(jí)的bindtap改成catchtap，就可以了。

因?yàn)椋?br>bind事件綁定不會(huì)阻止冒泡事件向上冒泡
catch事件綁定可以阻止冒泡事件向上冒泡

當(dāng)點(diǎn)擊子集的catchtap='navmap'事件之后阻止冒泡事件向上冒泡，所以不會(huì)觸發(fā)bindtap='carState'，成功解決bug,實(shí)現(xiàn)小程序中點(diǎn)擊子元素事件而不觸發(fā)父元素的點(diǎn)擊事件。