下面的内容可以自己点一点然后在控制台里看一看~

冒泡（默认）：事件从最内层的元素开始发生，扩散开来地传播，直到document对象。点击最内层依次输出321 次外层21 最外层1

p元素上发生click事件的顺序应该是p -> body -> html -> document

捕获：事件从最外层的元素开始发生，扩散开来地传播，直到点击的那个具体元素。点击最内层依次输出123 次外层12 最外层1

p元素上发生click事件的顺序应该是document -> html -> body -> div -> p

阻止冒泡之后：点击最内层输出3 次外层2 最外层1

上面的功能暂时有bug，想切换成事件捕获手动更改代码135行左右位置为true即可（addEventListener()的第三个参数）