对于addEventListener()事件的看法

最新推荐文章于 2024-07-01 16:22:16 发布
最新推荐文章于 2024-07-01 16:22:16 发布
阅读量3.2w 收藏 1
点赞数 1
分类专栏： html5 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44647865/article/details/110258922
版权

** 在使用foreach循环遍历某个数组对象的时候添加对应的事件，建议不要使用addEventListener()，在我看来很容易出现事件穿透的现象（事件穿透：例如：if else语句，既执行了if里面的语句，又执行了else里面的）例如：添加点击事件的时候就执行某段判断代码的时候就出现了我认知的这种穿透行为，建议改用为onclick去添加点击**

曦和百里
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
动态的绑定事件addEventListener方法的使用
09-04
在本文中，我们将深入探讨`addEventListener`方法的使用，这对于创建响应式的Web应用至关重要。 `addEventListener`是DOM（文档对象模型）级别2事件处理程序的一部分，它允许我们为一个元素添加一个或多个事件...
js中监听事件addEventListener第三个参数的理解（事件的冒泡与捕获）
艾欢欢的博客
03-20 4194
js中，可以给一个dom对象添加监听事件，像下面这样： domElement.addEventListener("click", function(){}, true); 第一个参数是事件类型，比如点击(click)、双击(dbclick) 第二个参数就是函数，触发事件后，需要执行的函数。 而第三个参数就是事件的捕获与冒泡， 为true时捕获，false时冒泡。 三个参数介绍完了，那么第三个...
【javaScript】addEventListener第三个参数的使用和事件冒泡和捕获机制
Umbrella_Um的博客
07-25 1067
前言 续上一章将的addEventListener和attachEvent比较的第四个不同点续讲… 事件冒泡 概念： 当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件 也不会有什么表现 但事件确实传递了。） 这就话怎么理解 >>> 看代码 var ...
JavaScript 事件监听器 addEventListener() 方法 和一些基本的事件
最新发布
qq_52530691的博客
07-01 2598
addEventListener() 方法用于向指定元素添加事件句柄。当计算机属性检测到事件发生的时候，运行一些代码，通常是我们所制定的函数。
addEventListener与事件捕获、事件冒泡
TTYLXWT的博客
06-16 2532
addEventListener与事件捕获、事件冒泡： addEventListener的基本用法 项目开发中，javascript和html的解耦变得至关重要，我们被推荐使用事件动 态绑定的方式来处理按钮的事件。W3C为我们提供了addEventListener()函数用来为指定的 dom元素动态绑定事件。这个函数有三个参数： type:用来设置事件类型，例如click。 listener:用来设置监听事件的函数，及type类型的事件发生后执行的函数。 大部分情况下，确切的说是我们绑定事...
事件流（捕获+冒泡+委托）
qq_50260510的博客
03-25 925
关于 捕获+冒泡+委托 的内容
addEventListener参数和冒泡和捕获详细使用与说明
dupha的博客
04-30 6013
addEventListener第三参数冒泡和捕获详细说明 1.addEventListener参数说明 target.addEventListener(type, listener, useCapture); 参数一: type 表示监听事件类型的字符串。 参数二: listener 当所监听的事件类型触发时，会接收到一个事件通知（实现了 Event 接口的对象）对象。listener 必须是一个实现了 EventListener 接口的对象，或者是一个函数。有关回调本身的详细信息，请参阅事件监听回调
事件绑定之小测试 onclick && addEventListener
09-05
但是，使用addEventListener绑定的事件在Firebug中无法直接找到，因为addEventListener与onclick属性无关，Firebug的DOM标签属性中显示为null。 Opera的Dragonfly工具表现类似，能够找到直接绑定在HTML属性上的事件...
JavaScript使用addEventListener添加事件监听用法实例
01-19
本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html lang=en> <head> <title>This text is the title of the...
addEventListener 的用法示例介绍
09-04
`addEventListener` 是JavaScript中用于添加事件监听器的方法，它允许我们为同一个元素绑定多个事件处理函数，这对于构建复杂的交互式网页非常有用。在不同的浏览器环境中，`addEventListener` 的使用略有差异，尤其...
document.addEventListener使用介绍
09-04
`document.addEventListener` 是JavaScript中的一个核心方法，用于向指定元素添加事件监听器。这个方法是DOM（Document Object Model）事件处理的一部分，它允许我们在网页的文档对象上绑定各种类型的事件，如点击、...
带你了解什么是点击穿透和如何解决点击穿透带来的问题
qq_61233877的博客
05-19 4702
带你了解什么是点击穿透和如何解决点击穿透带来的问题
如何阻止点击穿透及其应用
kwroi的博客
02-09 1053
点击穿透 参考https://blog.csdn.net/qq_61233877/article/details/124868903
JavaScript常用事件讲解
hizyk的博客
11-26 184
声明：本人的所有博客皆为个人笔记，作为个人知识索引使用，因此在叙述上存在逻辑不通顺、跨度大等问题，希望理解。分享出来仅供大家学习翻阅，若有错误希望指出，感谢！ 事件流 事件流描述的是从页面接收事件的顺序 事件冒泡 事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点 事件捕获 事件开始由最不具体的元素接收，然后逐级向下传播到最具体的节点 很少有人使用事件捕获，可以放心使用事件冒泡 DOM事件流 DOM2级事件规定事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段 事件捕获为截
addEventListener() 方法，监听事件
boysky0015的博客
10-11 3193
addEventListener()方法，监听事件 你可以用removeEventListener() 来移除事件的监听。 语法： addEventListener(event,function,capture); event 必须，指定事件名 function 必须，指定要事件触发时执行的函数 useCapture 可选 布尔值 指定事件是否在捕捉或者冒泡阶段执行。 true：在捕获阶段执行...
前端面经 关于addEventListener的参数，以及HTML DOM的事件传播方式（冒泡与捕获）
Ahua_Core的博客
03-02 497
关于addEventListener参数，以及HTML DOM的事件传播方式（冒泡与捕获）addEventListener()例子事件冒泡与事件捕获事件移除 removeEventListener() addEventListener() ·addEventListener()事件监听，可以用removeEventListener()来移除事件的监听。 ·addEventListener()将事件处理程序附加到指定元素，不覆盖现有的事件处理程序。 ·addEventListener()可以添加到任何DOM对
pointerEvents-让事件穿透层
莫冲的专栏
08-01 768
参考资料： http://www.qianduan.net/css3-pointer-event-description.html http://css-tricks.com/including-navigation-code-on-all-pages-even-with-current-navigation-highlighting/ http://www.cnblogs.com/mete...
js事件流：捕获阶段和冒泡阶段addEventListener
彭世瑜的博客
06-14 2760
事件流： 事件流包含三个阶段： 事件捕捉阶段：事件开始由顶层对象触发，然后逐级向下传播，直到目标元素； 处于目标阶段：处在绑定事件的元素上； 事件冒泡阶段：事件由具体的元素先接收，然后逐级向上传播，直到不具体的元素； <style> #a { width: 300px; height: 300px; background-color: #eeeeee; } #b { width: 200px; height: 200px; backg
js中addEventListener第三个参数涉及到的事件捕获与冒泡
liudanyang_21的博客
08-02 195
js中，我们可以给一个dom对象添加监听事件，函数就是 addEventListener("click",function(){},true); 很容易理解，第一个参数是事件类型，比如点击(click)、触摸(touchstart)， 第二个参数就是事件函数， 比如我给一个button添加alert函数。 window.onload=function(){ document.getElementById("hello").addEventListener("onkeydown",function ()
addeventlistener事件
03-17
`addEventListener` 是 JavaScript 中的一个方法，它用于在 DOM 元素上监听特定的事件（例如鼠标点击、键盘输入等）并执行相应的回调函数。语法格式如下： ``` element.addEventListener(event, function); ``` 其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值