addEventListener解析

最新推荐文章于 2023-12-06 00:00:31 发布
最新推荐文章于 2023-12-06 00:00:31 发布
阅读量643 收藏
点赞数
分类专栏： JS dom 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41108537/article/details/106235316
版权
JS 同时被 2 个专栏收录
9 篇文章 0 订阅
订阅专栏
dom
3 篇文章 0 订阅
订阅专栏

参数

  1. 事件名
  2. 回调函数,获得一个event参数
  3. 回调函数行为控制(boolean || option),只填写boolean控制的是useCapture

option:开一个ts文件,然后用AddEventListenerOptions定义,vscode定位定义文件
once?: boolean;//是否调用一次,true的话调用一次之后移除这个回调函数
passive?: boolean;//是否阻止默认行为,true的话,禁用回调函数使用preventDefault方法且警告
capture?: boolean;//是否在捕获阶段触发回调函数
是稳妥的

作用

  1. 注册多个监听器
  2. 控制回调函数的触发阶段
  3. 一个文档上的元素 Element,Document和Window或者任何其他支持事件的对象
黑芝麻饺子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
addEventListener() 方法，事件监听
milijiangjun的博客
11-27 4万+
addEventListener() 方法，事件监听 你可以使用 removeEventListener() 方法来移除事件的监听。 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 "click" 或 "mousedown"). 第二个参数是事件触发后调用的函
window.addEventListener相关参数介绍说明
m0_60237095的博客
08-16 1万+
事件监听各个参数的含义
Js on及addEventListener原理用法区别解析
10-15
主要介绍了Js on及addEventListener原理用法区别解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
addEventListener之参数passive，提升web移动端性能
Nie_Shiyi的博客
02-28 1780
目录 addEventListener监听器语法： 理解passive passive移动端性能优化 addEventListener监听器语法： addEventListener(type, listener, { capture: false, passive: false, once: false }) type 表示监听事件类型的字符串，如点击事...
vue addeventlistener_实战技巧，Vue原来还可以这样写
weixin_39616416的博客
11-20 889
两只黄鹂鸣翠柳，一堆bug上西天。每天上班写着重复的代码，当一个cv仔，忙到八九点，工作效率低，感觉自己没有任何提升。如何能更快的完成手头的工作，今天小编整理了一些新的Vue使用技巧。你们先加班，我先下班陪女神去逛街了。本文首发于公众号【前端有的玩】，关注我，我们一起玩前端，每天都有不一样的干货知识点等着你哦hookEvent,原来可以这样监听组件生命周期1. 内部监听生命周期函数今天产品经理又给...
vant 源码解析 event.ts 事件处理 全局函数 addEventListener详解
qq_42389674的博客
07-03 1846
vant 源码 事件详解
详细解释addEventListner的第三个参数
zhoukaibai的博客
05-16 462
事件捕获和事件冒泡是 DOM 事件传播的两个阶段。事件捕获从最外层的元素开始，逐级向内，直到到达事件的目标元素。事件冒泡则是从事件的目标元素开始，逐级向外，直到到达最外层的元素。addEventListener 方法的第三个参数是一个布尔值，通常被称为 options。它表示该事件是在捕获阶段还是在冒泡阶段被触发。默认情况下，该参数的值是 false，表示在冒泡阶段触发事件。如果该参数的值为 true，表示在捕获阶段触发事件。
addEventListener参数和冒泡和捕获详细使用与说明
dupha的博客
04-30 5953
addEventListener第三参数冒泡和捕获详细说明 1.addEventListener参数说明 target.addEventListener(type, listener, useCapture); 参数一: type 表示监听事件类型的字符串。 参数二: listener 当所监听的事件类型触发时，会接收到一个事件通知（实现了 Event 接口的对象）对象。listener 必须是一个实现了 EventListener 接口的对象，或者是一个函数。有关回调本身的详细信息，请参阅事件监听回调
有关addEventListener语法的一点解释
q1003675852的博客
12-06 901
为了提升此种场景下的滚动体验，需要有一个参数来告诉浏览器，事件监听器中不会有 event.preventDefault() ，这样浏览器可以不用等监听器执行完毕，可以自由滚动，因此有了 passive 属性。而监听器的执行是要耗时的，如果在 event.preventDefault() 之前耗时了 2秒 ，这样就会导致页面卡顿。设置一个 passive 的 get 访问器，添加一个 test 的事件，当浏览器支持的时候会调用 get 访问器，在 get 访问器中设置 supportsPassive。
addEventListener的第三个参数详解
cypking的博客
07-17 87
示例代码 　　 element.addEventListener("mousedown",func,{passive:true}); 　　element.addEventListener("mousedown",func,{passive:true}); 　　element.addEventListener("mousedown",func,{capture:f...
详解addEventListener的三个参数之useCapture
01-21
addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 “click”）；第二个参数表示要接收事件处理的函数；第三个参数为 useCapture，本文就讲解它。 代码如下: ”outDiv”>  ”middleDiv”>  ”...
addEventListener()与removeEventListener()解析
08-30
主要为大家详细介绍了addEventListener()与removeEventListener()，用于处理指定和删除事件处理程序操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
addEventListener()第三个参数useCapture (Boolean)详细解析
09-04
true的触发顺序总是在false之前；如果多个均为true，则外层的触发先于内层；如果多个均为false，则内层的触发先于外层
Web-API-03：事件监听器
斜光的博客
04-14 764
1 事件监听器 addEventListener(type, listener[, options|useCapture]) type 表示时间名称 用字符串表示，并且不需要在前面加on listener 表示要执行的函数 最后一个参数默认为false ，true 为捕获执行 事件监听与事件绑定的区别 事件绑定类似于样式覆盖，只会绑定最后的事件 而同一个元素的事件监听按照从上到下按照顺序执行...
chrome passive event listener 报错
userkang的博客
06-29 1401
错误信息：Unable to preventDefault inside passive event listener due to target being treated as passive. 是时候 google 了。 在 chrome 56 版本的更新日志中又这样一段话。 AddEventListenerOptions defaults passive to fals...
深入理解 addEventListener
Kate_sicheng的博客
07-10 6526
参数一：事件类型，比如 click、mouseenter、drag等。参数二：事件被触发时的回调函数。options对象：useCapture: 默认值为false，事件将在冒泡阶段触发。 如果为true，事件将在捕获阶段触发。once: 表示 listener 在添加之后是否最多只调用一次。如果是 true， listener 会在其被调用之后自动移除。passive: 设置为 true 时，表示 listener 永远不会调用 preventDefault......
addEventListener()第三个参数一定是useCapture吗？
老司机的后备箱
05-18 204
addEventListener()第三个参数一定是useCapture吗？ 回答：不一定是useCapture，还可以是一个对象 那么这个对象可以是什么呢 ？读完文章相信我们就能回答上这个问题了。 概述 方法是将指定的监听器注册到EventTarget上，当该对象触发指定的事件时，指定的回调函数就会被执行。 事件目标可以是一个文档上的元素Element，Document和Window或者任何其他支持事件的对象（比如XMLHttpRequest）。 addEventListener()的工作原理是将实现Ev
JavaScript--addEventListener()方法
m0_74293254的博客
07-14 898
在上述示例中，我们通过getElementById()方法获取到id为"myButton"的按钮元素，然后使用addEventListener()方法给按钮添加了一个点击事件的监听器。当按钮被点击时，匿名函数将会执行，并在控制台输出"按钮被点击了！对于addEventListener()方法，它用于向指定的元素添加事件监听器，并在该元素上触发指定的事件时执行相应的函数或代码。
Vue源码(一)
热门推荐
看开了
05-26 1万+
Vue 走core/index.js 核心代码 走 import Vue from ‘./instance/index’ 初始构造函数 function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keywor
js中addEventListener的DOMContentLoaded
最新发布
04-15
在JavaScript中，addEventListener是一个用于添加事件监听器的方法DOMContentLoaded是一个事件，当HTML文档被完全加载和解析时触发。通过使用addEventListener方法，可以在DOMContentLoaded事件发生时执行相应的操作...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值