近期关于addEventListener和普通.onclick的区别的讨论热度持续攀升，我们通过多方渠道收集整理了相关资讯 ，并进行了系统化的梳理。若这些内容恰好能为您提供参考 ，将是我们最大的荣幸 。
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被执行?
addEventListener是一个侦听事件并处理相应的函数。
参数
1 、type:String
事件的类型 。
2 、listener:Function
侦听到事件后处理事件的函数 。 此函数必须接受 Event 对象作为其唯一的参数，并且不能返回任何结果 ，如以下示例所示： 访问修饰符function
函数名(evt:Event):void
3、useCapture:Boolean (default = false)
这里牵扯到“事件流”的概念。侦听器在侦听时有三个阶段：捕获阶段、目标阶段和冒泡阶段 。顺序为：捕获阶段(根节点到子节点检查是否调用了监听函数)→目标阶段(目标本身)→冒泡阶段(目标本身到根节点) 。此处的参数确定侦听器是运行于捕获阶段 、目标阶段还是冒泡阶段。
如果将 useCapture 设置为 true ，则侦听器只在捕获阶段处理事件，而不在目标或冒泡阶段处理事件 。 如果useCapture 为
false ，则侦听器只在目标或冒泡阶段处理事件 。 要在所有三个阶段都侦听事件 ，请调用两次 addEventListener，一次将 useCapture 设置为
true ，第二次再将useCapture 设置为 false。
4 、priority:int (default = 0)
事件侦听器的优先级 。 优先级由一个带符号的 32 位整数指定 。 数字越大 ，优先级越高。 优先级为 n 的所有侦听器会在优先级为 n -1
的侦听器之前得到处理。 如果两个或更多个侦听器共享相同的优先级，则按照它们的添加顺序进行处理 。 默认优先级为 0 。
5、useWeakReference:Boolean (default = false)
确定对侦听器的引用是强引用 ，还是弱引用。 强引用(默认值)可防止您的侦听器被当作垃圾回收 。 弱引用则没有此作用 。
关于addEventListener和普通.onclick的区别的探讨就到这里 ，您是否还有其他想了解的内容？欢迎在评论区留言告诉我们，同时别忘了点击关注哦！
本文来自作者[者身智能信息技术有限公司]投稿，不代表高瓴号立场，如若转载，请注明出处：https://wak.xaics.com.cn/xaics/195.html
评论列表（3条）
我是高瓴号的签约作者“者身智能信息技术有限公司”
本文概览：近期关于addEventListener和普通.onclick的区别的讨论热度持续攀升，我们通过多方渠道收集整理了相关资讯，并进行了系统化的梳理。若这些内容恰好能为您提供参考，...
文章不错《addEventListener和普通.onclick的区别》内容很有帮助