在测试小程序的时候，发现了这样的一个bug，点击子元素事件d的时候触发父元素的点击事件，从而执行父级的点击事件，跳转到了父级的点击事件的页面了。
其实很简单，只需要把子级的bindtap改成catchtap，就可以了。
因为：
bind事件绑定不会阻止冒泡事件向上冒泡
catch事件绑定可以阻止冒泡事件向上冒泡
当点击子集的catchtap='navmap'事件之后阻止冒泡事件向上冒泡，所以不会触发bindtap='carState'，成功解决bug,实现小程序中点击子元素事件而不触发父元素的点击事件。
在小程序开发中也存在着事件冒泡的情况，有时候很影响我们的代码逻辑，然而处理事件冒泡也很简单，我们只需要把子控件的b...
在测试小程序的时候，发现了这样的一个bug，点击子元素事件d的时候触发父元素的点击事件，从而执行父级的点击事件，跳...
bindtap 改为 catchtap 即可详见：https://blog.csdn.net/qq_360025...
小程序点击事件有两种bindtap和catchtap，前者不会阻止冒泡事件向上冒泡，后者则可以阻止向上冒泡。 1....
小程序的事件冒泡：将事件的 bind 改成 catch，catch 可以阻止事件的冒泡行为bindtap => c...
其实很简单！！！ 事情的bind 改成 catch bind 是阻止不了冒泡的 例如 bindtap 改成 ...
返回目录 微信小程序中事件分为冒泡事件和非冒泡事件： 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。...
bindtap 冒泡事件，事件绑定不会阻止冒泡事件向上冒泡catchtap 非冒泡事件， 事件绑定阻止冒泡事件...
1、bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。https://deve...
都可以阻止事件冒泡（子元素向父元素冒泡） stopImmediatePropagation阻止事件冒泡并且阻止相同...
本文标题：微信小程序阻止事件冒泡
本文链接：https://www.haomeiwen.com/subject/tvikyltx.html
网友评论