DOM事件级别

DOM0级事件是将一个函数赋值给一个事件处理属性
DOM0: element.onclick=function() {};
DOM2级事件允许给一个程序添加多个处理函数。
DOM2: element.addEventListener('click', function(), false);
DOM级事件是在DOM2的基础上添加了很多事件类型
DOM3: element.addEventListener('keyup', function(), false);
// 1级DOM标准并没有定义事件相关的内容,所以没有所谓的1级DOM事件模型。

常见DOM3级事件
UI事件,当用户与页面上的元素交互时触发,如:load、scroll
焦点事件,当元素获得或失去焦点时触发,如:blur、focus
鼠标事件,当用户通过鼠标在页面执行操作时触发如:dbclick、mouseup
滚轮事件,当使用鼠标滚轮或类似设备时触发,如:mousewheel
文本事件,当在文档中输入文本时触发,如:textInput
键盘事件,当用户通过键盘在页面上执行操作时触发,如:keydown、keypress
合成事件,当为IME(输入法编辑器)输入字符时触发,如:compositionstart
变动事件,当底层DOM结构发生变化时触发,如:DOMsubtreeModified
同时DOM3级事件也允许使用者自定义一些事件。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工作五年上课,方案,班会,活动,扶贫,学习……除了累,带给我更多的是职业自信,带给我更多的是学生身上的那种单纯和快...
    康米阅读 495评论 5 13