DOM事件-级别

此生再无相见时 提交于 2020-02-02 02:14:41

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级的拓展。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!