DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。

而DOM事件分为3个级别:DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。由于DOM 1级中没有事件的相关内容，所以没有DOM 1级事件。

1、dom0 element.onclick=function(){}

2、dom2 element.addEventListener( 'click’, function(){}, false) //默认是false。false :冒泡阶段执行，true :捕获阶段产生。

3、dom3 element.addEventListener( 'keyup’ ， function(){}, false) //事件类型增加了很多，鼠标事件、键盘事件

Ul事件，当用户与页面上的元素交互时触发，如: load、scroll

焦点事件，当元素获得或失去焦点时触发，如: blur、focus

鼠标事件，当用户通过鼠标在页面执行操作时触发如: dblclick、mouseup

滚轮事件，当使用鼠标滚轮或类似设备时触发，如: mousewheel

文本事件，当在文档中输入文本时触发，如: textInput

键盘事件，当用户通过键盘在页面上执行操作时触发，如: keydown、keypress

合成事件，当为IME (输入法编辑器)输入字符时触发，如: compositionstart

变动事件，当底层DOM结构发生变化时触发，如: DOMsubtreeModified

同时DOM3级事件也允许使用者自定义一些事件。

猜你喜欢：

hidden属性的用法

Cookie、sessionStorage、localStorage的区别

draggable属性的用法

前端BFC是什么？

黑马程序员HTML&JS+前端培训课程

千峰教育教学大纲紧跟企业需求，并推出软考、Adobe认证、PMP认证、红帽RHCE认证课程，拥有全国一体化就业保障服务，成为学员信赖的职业教育品牌，公司目前已与国内20000余家IT相关企业建立人才输送合作关系，年培养优质人才20000余人，合作院校超600所，累计向互联网输出免费教学视频800余套，累积播放量逾9000万次。千峰教育IT培训中心每年有数百万名学员受益于千锋组织的技术研讨会、技术培训课、网络公开课及免费教学视频,千锋历程精彩纷呈，获得荣誉包括：中关村移动互联网产业联盟副理事长单位、中国软件协会教育培训委员会认证一级培训机构、中关村国际孵化软件协会授权中关村移动互联网学院、教育部教育管理信息中心指定移动互联网实训基地等。