addEventListener和普通.onclick的区别

Question

如题所述

Answer 1

addEventListener是在 FireFox 上的用法。 

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

element.addEventListener(type,listener,useCapture) 

详解 

其中element是要绑定函数的对象。 
type是事件名称，要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。 
listener当然就是绑定的函数了，记住不要跟括号 
最后一个参数是个布尔值，表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。 
userCapture若为true,则浏览器采用Capture,若为false则采用bubbing方式。建议用false 

区别：

var btn1Obj = document.getElementById("btn1");  
//element.addEventListener(type,listener,useCapture);  
btn1Obj.addEventListener("click",method1,false);  
btn1Obj.addEventListener("click",method2,false);  
btn1Obj.addEventListener("click",method3,false);

执行顺序为method1->method2->method3 

document.getElementById("btn").onclick = method1;  
document.getElementById("btn").onclick = method2;  
document.getElementById("btn").onclick = method3;

如果这样写,那么将会只有medhot3被执行