美文网首页
addeventlistener和普通onclick区别

addeventlistener和普通onclick区别

作者: a180754bf396 | 来源:发表于2017-09-19 20:17 被阅读0次

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被执行

相关文章

网友评论

      本文标题:addeventlistener和普通onclick区别

      本文链接:https://www.haomeiwen.com/subject/hoygsxtx.html