欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

addEventListener的三个参数详解

程序员文章站 2022-07-12 09:34:54
...

DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。
这两个方法都需要三个参数,分别为:

事件名称(String)、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。

DOM事件流如图(剪自javascript高级程序设计,懒的画了):
addEventListener的三个参数详解
由图可知捕获过程要先于冒泡过程

当第三个参数设置为true就在捕获过程中执行,反之就在冒泡过程中执行处理函数

var click = "ontouchend" in document ? 'touchup' : 'click'; 
 ele.addEventListener(click, function(){
   //要执行的代码块
}, false); //在冒泡的过程中执行
相关标签: js