简单介绍一下DOM事件模型
对于这段代码。三个嵌套的div分别添加事件监听
点击了文字儿子,算不算点击了爸爸和爷爷呢?
是先调用儿子,爸爸,还是爷爷?
答案是都算。
IE浏览器认为应该先调用儿子事件。
网景浏览器认为应该先调用爷爷事件。
W3C制定了一个标准,先调用爷爷事件,从外往里。
再调用儿子事件,从内往外。
捕获:当用户点击按钮,浏览器会从 window 从上向下遍历至用户点击的按钮,逐个触发事件处理函数。
冒泡:浏览器从用户点击的按钮从下往上遍历至 window,逐个触发事件处理函数。
W3C 事件模型/事件机制:对每个事件先捕获再冒泡

调用关系图:
