addEventListener的第三个参数，在哪些事件中要用true呢

Question

addEventListener的第三个参数，在哪些事件中或者说在哪些具体场合要用true呢

Answer 1

<div id="s1">
  <div id="s2"></div>
</div>

第三个参数 false 和 true 分别对应 事件冒泡 和 事件捕获
假设上面的代码, s1和s2都用addEventListener绑定了点击事件
当false时, 点击s2, 则先执行s2, 再执行s1, 即从点击的元素开始往父级冒泡
当true是, 点击s2, 则先执行s1, 再执行s2, 即按document -> html -> body -> s1 -> s2的顺序捕获