JS事件1(冒泡/捕获)

事件是JS中的关键部分，所以小小的跳一下，先了解JS高程中的事件内容。

今天才知道，事件冒泡与事件捕获，这两种相反的事件流分别是IE公司与Netscape公司的产物。有趣，让人想起爱迪生与斯特拉的直交流电之争。商业的博奕意味着你一次只能站定一个立场，可所谓人类的进步，却总是包容并蓄，不为个人或一家公司的输赢所左右。

---

从头说起。

图片发自App

举个栗子

图片发自App

页面上有3个html元素，按钮，黄色div，红色div。假设这3个元素各自有自己的点击函数。那么当我点击按钮时，请问3个元素的3个函数发生顺序是什么？

事件冒泡：按钮的函数一＞黄色div的函数－＞红色div的函数

事件捕获：红色div的函数一＞黄色div的函数一＞按钮的函数。

---

具体的实现是通过事件监听实现的。

图片发自App

图片发自App

图片发自App

图片发自App

点击"冒泡"，出现4－3－2－1

点击"捕获"，出现1－2－3－4