防止点击子元素触发父元素的事件（阻止事件冒泡）

问题描述：在写一个点击头部栏展开收起，并且头部栏还有收藏功能的小图标事件，当我点击收藏的时候会触发展开收起的功能。

html部分：

image

script部分：

image

这样写的话，第二个点击事件会触发第一个点击事件的展开收起功能

解决办法：阻止冒泡

image