A Study On Dom Level2 Event Model

     对于IE的attachEvent方法可能大家都比较熟，现在说说FireFox的addEventListener的用法。

DOM LEVEL2 Event模型的方法：支持捕获和冒泡两种模型。而IE只支持冒泡模型。

addEventListener的参数一共有三个，语法为：

element.addEventListener(type,listener,useCapture)

 

下面是详解

• 其中element是要绑定函数的对象。
• type是事件名称，要注意的是"onclick"要改为"click"，"onblur"要改为"blur",也就是说事件名不要带"on"。
• listener当然就是绑定的函数了。
• 最后一个参数是个布尔值，表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。

     userCapture若为true，则浏览器采用Capture，若为false，则采用bubbing方式。

     所谓事件捕获是由Netscape提出的，指的是把优先权赋予了最外层的祖先元素，事件相应地被由外向内传播，直至抵达目标元素。

     而事件冒泡是有Microsoft IE提出的，指的是目标元素的事件方法优先并且会被首先执行，然后，事件会向外传播到每个祖先元素，至少document对象。