DOM事件-级别

DOM事件0~3

　　不同级别的DOM事件因其实现方式不同，都有自己的特性。

　　0级：是在dom元素上提供相关事件类型属性，js程序可以通过这些特定类型的属性注册事件处理程序。

　　　　特性：一个元素同种类型的事件只能注册一个事件处理程序。

// 可以通过内联 和元素节点的相关属性注册事件处理程序
<div class="box" onclick="alert('box被点击了')" >x</div>
document.getElementsByClassName("box")[0].onclick=function(){
　　console.log("hello box");
}

　　1级：根本就没有。

　　2级：在DOM元素上提供了一个通用的方法，为调用元素注册指定类型的事件处理函数，并可指定事件传播方式。大部分浏览器：addeventListener(event,listener,useCaptrue)  IE11以下：attachEvent(event,listener)

　　　　特性：同一个元素上的同类型事件可以注册多个处理函数。事件触发时按照注册顺序触发。

　　3级：是对2级的拓展。