DOM事件

事件级别

DOM0：element.onclick = function(){}
DOM2：element.addEventListener('click', function(){}, false)
DOM3：element.addEventListener('keyup', function(){}, false)

事件模型

• 捕获: window -> document -> body -> button
  addEventListener第三个参数为true
• 冒泡: 与以上相反

事件流

1. 事件捕获阶段
2. 处于目标阶段
3. 事件冒泡阶段

Event 对象常见应用

event.preventDefault() 取消事件的默认动作。

event.stopPropagation() 阻止事件冒泡。

event.stopImmediatePropagation() 阻止剩下的事件处理程序被执行。如果一个元素上绑定了三个事件，在其中一个事件上调用了这个方法，那其他 的两个事件将不会被执行。