一开始对事件冒泡感觉不是很重要，后来用到了，就重新学习了。
需求是这样的：
image.png
html的结构是这样的：
image.png
当点击一项时，改变点击项的颜色。
如果不做任何处理，event.target不是我们想要的li，而是 span 。
为什么这样呢？因为事件会冒泡
image.png
所以呢，最终我们得到的 event.target 是 span
那么怎么做呢？
我们需要拦截事件
tabClicke(event:any){
if(event.target.className == "li_tab"){
//这里写处理代码
//...
return true;//代表消费掉这个事件
}
}
bindtap 冒泡事件，事件绑定不会阻止冒泡事件向上冒泡catchtap 非冒泡事件， 事件绑定阻止冒泡事件...
冒泡和非冒泡事件绑定 bindtap: 冒泡事件绑定 catchtap: 非冒泡事件绑定当其他的事件冒泡到当前元素...
1、bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。https://deve...
WXML事件分为 冒泡事件 和 非冒泡事件。 冒泡事件：当一个事件被触发后，该事件会向父节点传递。 非冒泡事件：不...
冒泡事件列表 解决冒泡事件
事件冒泡：子元素事件的触发会影响父元素事件开关事件冒泡：A:开启事件冒泡：element.addEventList...
原理：bind事件绑定不会阻止冒泡事件向上冒泡catch事件绑定可以阻止冒泡事件向上冒泡 当点击子元素的catch...
单击事件：＠click=" " 事件对象：＠click="show($event)" 事件冒泡： 阻止冒泡事件：＠...
事件冒泡机制 事件冒泡发生的条件：当为多个嵌套的元素设置了相同的事件处理程序，它们将触发事件冒泡机制。在事件冒泡中...
什么是事件冒泡？ 要知道怎么阻止事件冒泡，首先我们来看一下什么是事件冒泡。 事件冒泡即在一个对象上触发某类事件（比...
本文标题：事件冒泡
本文链接：https://www.haomeiwen.com/subject/ucwcdftx.html
网友评论