zjffun blog

JS DOM Event

更新于 写于 前端JavaScript

DOM Level 0

Events:绑定到 DOM 的属性上,找不到官方文档

DOM0 是在 W3C 进行标准备化之前出现的,实际上是未形成标准的试验性质的初级阶段的 DOM。

js
var tdiv = document.createElement('div');

// 绑定事件
tdiv.onclick = function(d){console.log('click tdiv!')}

// 手动触发事件
tdiv.click()

DOM Level 1

Events:无规定

有 DOM Core 和 DOM HTML,没有定义事件相关的

DOM Level 2

Events:规定了鼠标相关的事件(包括目标、捕获、冒泡和取消)的控制机制,但不包括键盘的

https://www.w3.org/TR/DOM-Level-2-Events/

js
var tdiv = document.createElement('div');

// 绑定事件
function listener(d){console.log('click tdiv!')};
tdiv.addEventListener('click', listener);

// 手动触发事件
tdiv.dispatchEvent(new Event('click'));

// 解除绑定
tdiv.removeEventListener('click', listener);

DOM Level 3

Events:主要规定了键盘相关事件

https://www.w3.org/TR/DOM-Level-3-Events/

参考: