本文目录
- JavaScript addEventListener() 方法
- addEventListener()第三个参数设置为true和false的区别
- addeventlistener是什么意思
- 事件监听addeventlistener什么意思
- addEventListener和on的区别
JavaScript addEventListener() 方法
当用户点击按钮时触发监听事件例子:document.getElementById(“myBtn“).addEventListener(“click“,dusplayDate);
addEventListener()第三个参数设置为true和false的区别
第三个参数决定了事件的传播方式：为 false 时，采用冒泡模式，为 true 时，采用捕获模式。默认值为false。这里涉及到的知识点为： JS事件流。JS事件流分为三个阶段： 捕获阶段，目标阶段，冒泡阶段。如果你设置了捕获（true）阶段执行事件，那么在目标阶段执行完后就停止了，不会走冒泡。更多具体的相关知识需要你自己去看书或文档了
addeventlistener是什么意思
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什么意思
addeventlistener 事件监听；加入事件监听；侦听事件句筛选1.The anonymous functions passed to the addEventListener method don’tappear to do much.传递给addEventListener方法的匿名函数看起来并不复杂。2.The second argument for the addEventListener calls are anonymousfunctions, which are functions that do not have names.addEventListener调用的第二个参数是匿名函数（anonymousfunction），也就是没有名称的函数。
addEventListener和on的区别
addEventListener和on的区别为什么需要addEventListener？先来看一个片段：html代码《div id=“box“》追梦子《/div》用on的代码1 window.onload = function(){ 2 var box = document.getElementById(“box“); 3 box.onclick = function(){ 4 console.log(“我是box1“); 5 } 6 box.onclick = function(){ 7 box.style.fontSize = “18px“; 8 console.log(“我是box2“); 9 }10 } 运行结果：“我是box2”看到了吧，第二个onclick把第一个onclick给覆盖了，虽然大部分情况我们用on就可以完成我们想要的结果，但是有时我们又需要执行多个相同的事件，很明显如果用on完成不了我们想要的，那不用猜，你们肯定知道了，对！addEventListener可以多次绑定同一个事件并且不会覆盖上一个事件。用addEventListener的代码1 window.onload = function(){2 var box = document.getElementById(“box“);3 box.addEventListener(“click“,function(){4 console.log(“我是box1“);5 })6 box.addEventListener(“click“,function(){7 console.log(“我是box2“);8 })9 } 运行结果：我是box1 我是box2addEventListenert方法第一个参数填写事件名，注意不需要写on，第二个参数可以是一个函数，第三个参数是指在冒泡阶段还是捕获阶段处理事件处理程序,如果为true代表捕获阶段处理,如果是false代表冒泡阶段处理，第三个参数可以省略，大多数情况也不需要用到第三个参数,不写第三个参数默认false 第三个参数的使用有时候的情况是这样的《body》 《div id=“box“》 《div id=“child“》《/div》 《/div》《/body》如果我给box加click事件，如果我直接单击box没有什么问题，但是如果我单击的是child元素，那么它是怎么样执行的？（执行顺序）1 box.addEventListener(“click“,function(){2 console.log(“box“);3 })4 5 child.addEventListener(“click“,function(){6 console.log(“child“);7 }) 执行的结果： child box也就是说，默认情况事件是按照事件冒泡的执行顺序进行的。 如果第三个参数写的是true，则按照事件捕获的执行顺序进行的。1 box.addEventListener(“click“,function(){2 console.log(“box“);3 },true)4 5 child.addEventListener(“click“,function(){6 console.log(“child“);7 }) 执行的结果： box child事件冒泡执行过程： 从最具体的的元素（你单击的那个元素）开始向上开始冒泡，拿我们上面的案例讲它的顺序是：child-》box事件捕获执行过程： 从最不具体的元素（最外面的那个盒子）开始向里面冒泡，拿我们上面的案例讲它的顺序是：box-》child