DOM 绑定事件

DOM 0级

• dom[“on”+type]=fn

• 一个元素只能绑定一个事件

• 高级浏览器：可以传递事件对象，IE不可用

• 只能绑定到冒泡

DOM2级

• obj.addEventListener（type,fn,boolean）IE9以下不兼容
• type事件类型，不用写on
• fn:事件函数
• Boolean：默认false，决定绑定事件是捕获还是冒泡

9. 可以绑定多个事件，但必须是不同的
10. 可以传递事件对象

IE中高级绑定方式

• attachEvent (“on”+type+fn),

• IE9以下不兼容

• 可以绑定多个参数，执行顺序优先dom 0级，再逆序再执行attachEvement

• 可以传递事件对象

• this：window

事件绑定函数

• bindEvent （dom,type,fn）

• 检测浏览器支持哪种能力

• dom:要绑定的事件元素

• type：事件类型

• fn:要执行的函数

• 高级浏览器：addEventment

• IE：attachment

• 低级浏览器： dom[“on”+type]=fn

  事件解除

1. dom.type=false /null/""
2. dom.removeEventListener (type ,fn , false) fn:需要另外调用，否则删除不了
3. dom.detachEvent(“on”+type ,fn)

事件处理模型：