addeventlistener 事件监听

最新推荐文章于 2024-07-01 16:22:16 发布
最新推荐文章于 2024-07-01 16:22:16 发布
阅读量1k 收藏
点赞数
分类专栏： 前端小知识点 JS 文章标签： 事件监听  addEventListener
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WebDestiny/article/details/100134436
版权

语法


element.addEventListener(event, function, useCapture)；


event 为必须参数，类型为字符串，用于指定事件名。

注意: 不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。 


function 也为必须参数。指定要事件触发时执行的函数。 

事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， "click" 事件属于 MouseEvent(鼠标事件) 对象。


useCapture    可选。布尔值，指定事件是否在捕获或冒泡阶段执行。

可能值:
true - 事件句柄在捕获阶段执行
false- false- 默认。事件句柄在冒泡阶段执行

春风欲雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 冒泡事件与事件监听使用分析
12-11
在非IE浏览器中，我们可以使用`addEventListener`方法来添加事件监听器，而在IE浏览器中，则需要使用`attachEvent`。 例如，使用`addEventListener`添加一个点击事件监听器： ```html 点击我 var button = ...
JavaScript监听触摸事件代码实例
10-15
在本文中，我们将深入探讨如何使用JavaScript监听触摸事件，并通过代码实例来理解其工作原理。 首先，触摸事件主要有三个基本事件类型： 1. `touchstart`：当用户首次触摸屏幕时触发，标志着一个触摸序列的开始。 ...
addEventListener 事件监听方式
qq_35488990的博客
01-16 578
注册事件(绑定事件） addEventListener 事件监听方式 eventTarget.addEventListener(type, listener[, user Capture]) eventTarget.addEventListener()方法将指定的监听器注册到eventTarget（目标对象）上，当该对象出发指定的事件时，就会执行事件处理函数。 该方法接收三个参数： type: 事件类型字符串，比如click，mouseover，这里不带on listener：事件处理函数，事
js事件 -- addEventListener事件
banni6813的博客
05-08 423
百度上很多篇文章讲解addEventListener DOM0级事件的时候讲解的都是覆盖，概念如下： 同一个元素的同一种事件只能绑定一个函数，否则后面的函数会覆盖之前的函数 其实不然，官网讲解 添加的事件不会覆盖已存在的事件。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"...
JavaScript 事件监听器 addEventListener() 方法 和一些基本的事件
qq_52530691的博客
07-01 1949
addEventListener() 方法用于向指定元素添加事件句柄。当计算机属性检测到事件发生的时候，运行一些代码，通常是我们所制定的函数。
HTML DOM 事件
akuibpt23191的博客
07-13 582
1. HTML DOM 事件 参考文档：https://www.runoob.com/jsref/dom-obj-event.html HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。 提示： 在 W3C 2 级 DOM 事件中规范了事件模型。...
EventTarget.addEventListener()事件监听
weixin_49602426的博客
09-11 658
事件监听：也叫注册事件、绑定事件。用户与网页的交互动作；比如说鼠标滑动、点击网页。是为了让计算机随时能够发现这个时间发生了，从而执行程序员下达的指令动作，也就是我们封装起来函数里面需要执行的。以on开头的传统注册方式，比如说onclick、onmousemove等。addEventListener()+不带on的事件类型的注册方式。
addEventListener( )-事件监听
chengyu12138的博客
10-01 1164
()方法，即为；且同一元素目标可重复添加，不会覆盖之前相同事件；可以使用removeEventListener()方法来移除事件的监听。对象.addEventListener('事件', 函数)例如当我点击按钮时：事件类型：1.鼠标事件：click 鼠标点击 mouseenter 鼠标经过 mouseleave 鼠标离开2.焦点事件 focus获得焦点 blur 失去焦点3.键盘触发：keydown 键盘按下触发 keyup键盘松开触发文本事件： input 用户输入事件。
JavaScript使用addEventListener添加事件监听用法实例
01-19
本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html lang=en> <head> <title>This text is the title of the...
动态的绑定事件addEventListener方法的使用
09-04
这展示了`addEventListener`和`removeEventListener`的灵活性，可以根据需求动态管理事件监听。 在实际开发中，`addEventListener`通常与事件委托结合使用，尤其是在处理大量动态生成的元素时。事件委托允许我们在...
js事件监听机制(事件捕获)总结
12-04
在父元素上监听事件，然后根据事件对象的`target`属性判断哪个子元素触发了事件，从而进行相应的处理。 总的来说，理解JavaScript的事件监听机制，特别是事件捕获和冒泡，是编写高效且跨浏览器的前端代码的关键。...
【JavaScript 】- addEventListener()事件监听
m0_55960697的博客
03-31 1583
addEventListener() 方法用于向指定元素添加事件句柄(id)。 提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。 语法：element.addEventListener(event, function, useCapture) 1.参数： *event* //必须。字符串，指定事件名。 `注意: 不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "oncli...
addEventListener事件
血色残阳的专栏
03-30 1038
addEventListener(type:String ,listener:Function,useCapture:Boolean=false,priority:int=0,useWeakReference:Boolean=false)       useCapture  表示是否打开捕获事件，默认为false       priority    表示监听器的优先级，默认为0，优
关于attachEvent和addEventListener事件监听
qulongjun的专栏
08-18 2606
一般在用JS给元素增加事件的时候，使用的方法为： obj.onclick=method 这种方法简单高效，但存在一个问题，如果对同一个元素同时添加同一个事件的时候，会造成前面的添加效果失败，只运行最后一个，例如： oBtn = document.getElementById('btn1'); oBtn.onclick = function() { alert('aaa'); };
addEventListener( ) 方法 -- 事件监听
m0_52545254的博客
07-11 6502
事件监听/捕获/冒泡
addEventListener事件委托
weixin_30240349的博客
05-10 1006
什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。 好处1，提高性能。 好处2，新添加的元素还会有之前的事件。 基本格式：元素.addEventListener（type, fn ...
addEventListener() JS事件监听 方法
weixin_56893328的博客
02-13 3896
事件对象的类型取决于特定的事件。playing 事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。loadeddata 事件在浏览器加载视频/音频（audio/video）当前帧时触发触发。ratechange 事件在视频/音频（audio/video）的播放速度发送改变时触发。progress 事件在浏览器下载指定的视频/音频（audio/video）时触发。canplay 事件在用户可以开始播放视频/音频（audio/video）时触发。
addEventListener()事件监听
m0_73493686的博客
10-24 648
您可以向一个元素添加许多事件处理程序。您可以向一个元素添加许多相同类型的事件处理程序，即两个“单击”事件。您可以将事件侦听器添加到任何DOM对象，而不仅仅是HTML元素。即window对象。方法时，JavaScript与HTML标记分离，以提高可读性，方法将事件处理程序附加到元素，而不覆盖现有的事件处理程序。并允许您添加事件侦听器，即使您不控制HTML标记也是如此。方法可以更容易地控制事件对冒泡的反应。方法将事件处理程序附加到指定的元素。方法轻松删除事件侦听器。
addEventListener 函数监听哪些事件
最新发布
07-25
`addEventListener` 函数是用于在 JavaScript 中监听网页元素或全局窗口事件的一种常用方法。它可以接收三个参数：事件名称、事件处理函数以及一个可选的第三个参数，用来设置事件捕获阶段的行为（仅适用于某些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值