首页技术文章正文

DOM有多少事件级别?DOM事件级别

更新时间:2021-04-27 来源:传智教育 浏览量:


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+前端培训课程

分享到:
在线咨询 我要报名
和我们在线交谈!