第十四章 DOM事件级别

DOM事件级别有 0 1 2 3 等 ,之前我们常用的绑定事件都是DOM0级的
]

1.DOM0级事件

• 事件绑定

 btn1.onclick = function(){
        alert("啊啊啊")
    }

• 解除绑定(用null关键字解除绑定)

 btn2.onclick = function(){
        btn1.onclick = null;
    }

2.DOM1级事件

没有事件

---

3.DOM2级事件

• 事件绑定

   btn1.addEventListener("click",fn,false)  //这里面的所有事件把on去掉 最后一个参数是 是否支持冒泡
    function fn(){
        alert(111)
    }

• 解除绑定 (removeEventListener())

    btn2.addEventListener("click",function(){
        btn.removeEventListener("click",fn,false)
    },false)

DOM2级事件兼容性问题

IE8及IE8以下绑定事件 和 解除绑定事件

                  attachEvent() 绑定           里面事件需要加"on  
                  datachEvent()解除

---

4.DOM三级事件

DOM三级事件其实就是在DOM2级的基础上增加了很多的事件类型

• 1.UI事件 当用户和页面元素交互时触发,比如load
• 2.blur focus 焦点事件 当元素获取焦点或失焦时触发
• 3.鼠标事件 dblclick
• 4.滚轮事件 mousewheel 滚轮滚动的时候触发的事件
• 5.文本事件 input input内容输入的时候触发
• 6.键盘事件 keydown/up 通过键盘操作触发的事件

---

DOM0级和DOM2级的区别

DOM0级只能给一个元素的一个行为绑定一次事件

DON2级可以绑定多个事件