更新时间: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级事件也允许使用者自定义一些事件。
猜你喜欢: