一开始对事件冒泡感觉不是很重要,后来用到了,就重新学习了。
需求是这样的:
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;//代表消费掉这个事件
}
}