addEventListener函数第三个参数的作用

最新推荐文章于 2024-06-01 22:25:35 发布
最新推荐文章于 2024-06-01 22:25:35 发布
阅读量712 收藏
点赞数
分类专栏： javascript & ajax & jQuery 文章标签： ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aoyo/article/details/6700632
版权

addEventListener(eventType,listener,useCapture)

eventType:要处理事件的类型，如click,mouseover等

listener:事件处理程序

useCapture:布尔型，事件处理程序相应处理的方式，也就是在事件传播过程中什么时候让处理程序执行；

Dom Level 2 模型事件传播方式是：先由Dom根向下传播到目标元素，然后再次从目标元素向上传播到根元素，前一个叫捕获阶段，后一个叫冒泡阶段，当useCapture为true是捕获阶段事件处理程序执行，为false（默认为false）在冒泡阶段事件处理程序执行。


注：IE不支持Dom Level 2 模型，它对应的专有处理方式也只支持冒泡方式；

IE对应的处理方式 attachEvent(eventName, handler)

aoyo
关注
专栏目录
addEventListener()第三个参数useCapture (Boolean)详细解析
09-04
3. **useCapture**：第三个参数是一个可选的布尔值，默认为 `false`。如果设置为 `true`，事件处理程序将在捕获阶段执行；如果为 `false`，则在冒泡阶段执行。捕获阶段从最外层的祖先元素开始，向下到目标元素；冒泡...
window.addEventListener来解决让一个js事件执行多个函数
10-27
第三个参数`useCapture`在此处通常设为`false`，表示在冒泡阶段调用事件处理函数。 此外，对于DOM元素的事件处理，如按钮点击事件，也可以使用相同的方法。例如，对于一个ID为"btn1"的按钮，我们希望在点击时执行`...
详解addEventListener的三个参数之useCapture
01-21
addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 “click”）；第二个参数表示要接收事件处理的函数；第三个参数为 useCapture，本文就讲解它。 代码如下:       请在此点击鼠标。   代码如下: var outDiv = document.getElementById(“outDiv”); var middleDiv = document.g
JavaScript addEventListener 第三个参数作用
anqi3508的博客
12-29 196
DOM方法addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数，分别为： 事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。 <!--打开新的浏览器窗口--> <button id="New" onclick...
addEventListener第三个参数作用
王小胖的博客
09-18 1066
DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数，分别为： 事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。 当第三个参数设置为true就在捕获过程中执行，反之就在冒泡过程中执行处理函数。 当第一个参数（事件名称）为scrol...
addEventListener 第三个参数
阿拉斯加头头的博客
04-22 2069
addEventListener 方法的第三个参数可以是一个布尔值、一个对象，或者是省略不填。
addEventListener的三个参数详解
lyx9611的博客
08-21 4989
DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数，分别为： 事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。 DOM事件流如图（剪自javascript高级程序设计，懒的画了）： 由图可知捕获过程要先于冒泡过程 当第三个参数设置为true就在捕获过程中执行，反之就在冒泡过程中执行处理函数 var click = "ontouchend"
addEventListener 有三个参数
终日而思不如须臾所学。
01-01 4379
addEventListener有三个参数： 事件名称； 事件处理函数； 捕获还是冒泡。 事件处理函数不一定是函数，也可以是个JavaScript具有handleEvent方法的对象，看下例子： var o = { handleEvent: event => console.log(event) } document.body.addEventListener(“keydown”, o, false); 第三个参数不一定是bool值，也可以是个对象，它提供了更多选项。 once：只执行一次。 pass
addEventListener的3个参数
YaecSakura的博客
03-21 3316
第三个参数是useCapture（变量）：用来判断是捕获还是冒泡。阶段触发事件（默认为false）(冒泡事件触发顺序是由子到父)addEventListener()，接收3个参数。第一个参数event：监听的事件。第二个参数是函数：需要执行的事。阶段触发事件 (捕获事件触发顺序是由父到子)(1)当useCapture为。(2)当useCapture为。
addEventListener的第三个参数
huxin1的专栏
11-10 2246
W3C  DOM里用来新增触发事件的函数叫AddEventListener ，不过我一直不知道这个函数的第三个参数是要做什么用的，总是随便设，也没发现差异再哪，前两天看ppk on javascript终于看到说明了，至于很久以前就有的DOM的标准文件，我其实根本没去找过这个参数的资讯。 這個參數叫做useCapture ，是一個boolean值，就是true or false，如果送出tru
addEventListener()的第三个参数
热门推荐
你若盛开，清风自来
03-31 1万+
在JS中，我们可以给一个dom对象添加监听事件 DOM事件流 当一个事件发生后，会在子元素和父元素之间传播（propagation）。这种传播分成三个阶段： 捕获阶段：事件从window对象自上而下向目标节点传播的阶段； 目标阶段：真正的目标节点正在处理事件的阶段； 冒泡阶段：事件从目标节点自下而上向window对象传播的阶段。 接着就来分别介绍事件捕获和事件冒泡这两种机制。 要检验事件流...
JavaScript addEventListener第三个参数作用
内蒙小伙儿
12-30 1万+
<br />DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数，分别为：<br />事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。<br />DOM事件流如图（剪自javascript高级程序设计，懒的画了）：<br /><br /><br />由图可知捕获过程要先于冒泡过程<br />当第三个参数设置为true就在捕获过程中执行，反之就在
addEventListener() 关于第三个参数
混世小妲己
06-20 7676
addEventListener() 事件监听 removeEventListener() 移除事件监听 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 “click” ). 第二个参数是事件触发后调用的函数 第三个参数是个布尔值。默认是false（冒泡阶段执行）true(捕获阶段产生)...
addEventListener()方法中的几个参数，以及作用
最新发布
zhang20040217的博客
06-01 634
方法是 JavaScript 中用于处理指定元素的指定事件的函数。函数只会在点击事件的捕获阶段触发，并且只触发一次。之后，该监听器将被自动移除。（可选）：一个指定有关监听器属性的布尔值或对象的选项。如果是布尔值，它表示。接口的对象，或者是一个函数，当指定的事件被触发时，该函数将被调用。的函数，该函数在点击事件触发时会显示一个警告框。（必需）：一个字符串，指定要监听的事件名。在这个例子中，我们获取了一个具有 ID。的元素，并定义了一个名为。元素的点击事件监听器。（必需）：一个实现了。
事件addEventListener（）参数及事件汇总
qq_46344419的博客
04-23 4399
addEventListener（）参数及事件汇总
JS的事件流的概念
LttleJoker的博客
10-22 198
事件的概念： 　　HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。 什么是事件流： 　　1，DOM事件流， 　　"DOM2事件流"规定的事件流包括三个阶段： 　　　　1，事件捕获阶段。 　　　　2，处于目标阶段。 　　　　3，事件冒泡阶段。 js中一种绑定事件的方式： <!DOCTYPE htm
前端笔记 js关于addEventListener
doiido的专栏
10-26 4299
事件对象的类型取决于特定的事件。durationchange 事件在视频/音频（audio/video）的时长发生变化时触发。loadeddata 事件在浏览器加载视频/音频（audio/video）当前帧时触发触发。ratechange 事件在视频/音频（audio/video）的播放速度发送改变时触发。progress 事件在浏览器下载指定的视频/音频（audio/video）时触发。canplay 事件在用户可以开始播放视频/音频（audio/video）时触发。
addEventListener（）参数及事件汇总
菠萝萝的博客
09-26 6208
addEventListener（）事件的汇总记录
【JS】JS的事件监听以及addEventListener的第三个参数
owo_ovo的博客
09-29 456
JS的事件监听以及addEventListener的第三个参数
self.addEventListener 的第三个参数详解
03-07
第三个参数是一个可选的选项对象，用于配置事件监听器的行为。该选项对象可以包含以下属性： 1. capture：一个布尔值，表示事件是否在捕获阶段进行处理。默认为false，即在冒泡阶段处理事件。 2. once：一个布尔值...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值