DOM

DOM级别

DOM0

通过元素的事件属性(onclick)来进行绑定处理函数

// 绑定事件
document.getElement('btn').onclick = function() {

}
// 解绑
document.getElement('btn').onclick = null

DOM2(DOM标准中没有定义DOM1)

通过addEventLinstner来绑定处理函数。

解决了DOM0不能同时绑定多个处理函数的缺点

// 绑定
document.getElement('btn').addEventListner('click', func1)
document.getElement('btn').addEventListner('click', func2)
// 解绑
document.getElement('btn').removeEventListner('click')

DOM3

添加了更多的事件

  • UI事件:load、srcoll
  • 焦点事件:blur、focus
  • 滚轮事件:mounsewheel
  • 文本事件:textInput
  • 键盘事件:keydown、keypress
  • 合成事件
  • 变动事件:DOMsubtreeModified
  • 自定义事件

DOM事件流

image
  • 事件的三个阶段

你可能感兴趣的:(DOM)