事件监听器addEventListener和removeEventListener的用法

小只笨笨狗～

已于 2023-05-31 18:56:47 修改

阅读量168

点赞数

文章标签： javascript 前端 vue.js

于 2023-05-31 18:55:11 首次发布

本文链接：https://blog.csdn.net/qq_51196135/article/details/130975225

版权

该文章展示了如何使用JavaScript来添加和移除鼠标按下事件监听器。它定义了一个名为fn的函数，在鼠标按下时打印数字1，然后将这个函数添加到body元素的mousedown事件上。之后，又演示了如何通过removeEventListener方法移除这个监听器，确保事件不再触发fn函数。

摘要由CSDN通过智能技术生成

let body = document.body

function fn =() {
    console.log(1);
}

//添加监听事件
body.addEventListener("mousedown", fn)


移除监听事件
body.removeEventListener("mousedown", fn)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小只笨笨狗～

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件监听器addEventListener和removeEventListener的用法

【代码】事件监听器addEventListener和removeEventListener的用法。
复制链接

扫一扫

addEventListener 和 removeEventListener 事件监听的简单实现

lm278858445的专栏

05-18

401

前端经常性会用到的addEventListener和removeEventListener，在这里使用class进行一个简单的实现： 1. 实现分析通过想象addEventListener和removeEventListener的功能，需要包含以下核心功能：能够注册处理函数（handler function）能够发布事件（emit event）在发布事件的同时执行性已注册的处理函数，需要维护处理函数的事件的对应关系能够移除处理函数 2. 代码实现 const noop = () => {

JS addEventListener() 、removeEventListener() 事件监听

qiqiyiyi_的博客

10-20

1202

JS addEventListener() 、removeEventListener() 事件监听 1、参数解读 1.1、element.addEventListener(type，handler，Boolean) type: 事件类型 eg：‘click’ 、‘keyup’、‘keydown’、‘focus’ 等; 注意：是’click’不是’onclick’; handler: 事件执行触发的函数 function(

参与评论您还未登录，请先登录后发表或查看评论

js中addEventListener()与removeEventListener()用法案例分析

10-15

主要介绍了js中addEventListener()与removeEventListener()用法,结合实例形式分析了js中addEventListener()与removeEventListener()基本功能、用法与操作注意事项,需要的朋友可以参考下

addEventListener和removeEventListener的用法

notagoodwriter的博客

11-08

3497

addEventListener和removeEventListener的用法

removeEventListener和addeventlistener详解

祎祎的博客

05-06

1856

removeEventListener() 不能移除匿名函数，只能使用有名字的参数 addEventListener() ，removeEventListener()均为事件绑定操作，一个增加事件绑定，一个是移除事件绑定。 addEventListener(),用于向元素增加绑定事件，removeEventListener()用于向元素移除绑定事件。语法说明： element.addEventListener(event,fn,useCaption ); 参数说明：event，比如 click mous

删除事件（解绑事件）的方式

shhghvvh的博客

11-25

1920

【代码】删除事件（解绑事件）的方式。

js中删除事件removeEventListener的使用

爬楼梯的前端小白的博客

01-27

9161

js中删除事件removeEventListener的使用

动态的绑定事件addEventListener方法的使用

09-04

事件委托允许我们在父元素上设置一个事件监听器，通过检查事件冒泡中的事件源来处理子元素的事件，这样可以减少内存消耗和提高性能。总的来说，`addEventListener`和`removeEventListener`是JavaScript中处理用户...

js事件监听器用法实例详解

12-10

使用`addEventListener`方法添加事件监听器，可以避免覆盖问题。每个`addEventListener`调用都会为指定的事件添加一个新的监听器，而不是替换原有的。所以，如果有多个监听器，它们都会被调用。例如： ```...

ie8-eventlisteners:IE8的Polyfill，用于addEventlistener和removeEventListener

05-07

在JavaScript的世界里，事件监听器是处理用户交互和页面动态性的关键工具。`addEventListener` 和 `removeEventListener` 是两个在现代浏览器中广泛使用的DOM（文档对象模型）API，它们允许我们向元素添加或移除事件...

移除 JavaScript 中事件监听器的几种方法

VvpApplescript的博客

09-17

1万+

在上面的代码中，我们首先定义了一个事件监听器 handleClick()，然后使用 addEventListener() 将它添加到 id 为 “myButton” 的按钮上。需要注意的是，如果我们直接在 removeEventListener() 中使用匿名函数，那么事件监听器将无法被正确移除。在上面的代码中，我们将事件监听器添加到父元素上，并在事件处理函数中检查事件目标是否是我们感兴趣的子元素。如果是，我们执行相应的操作。在这种情况下，移除事件监听器的方法稍有不同，我们需要在移除时使用相同的匿名函数。

事件监听与移除事件监听

cristina_song的博客

10-22

1万+

Navigator onLine 属性:一个只读的布尔值，声明了系统是否处于脱机模式。 addEventListener() 事件监听 emoveEventListener() 移除事件监听 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 “click” 或 “mousedown”). 第二个参数是...

EventTarget.addEventListener 和 EventTarget.removeEventListener 用法详解

青颜的天空的博客

03-10

752

1. EventTarget.addEventListener EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。事件目标可以是一个文档上的元素 Element,Document和Window或者任何其他支持事件的对象 (比如 XMLHttpRequest)。 addEventListener()的工作原理是将实现EventListener的函数或对象添加到调用它的EventTarget上

addEventListener()与removeEventListener() 用法详解

zym_zb的博客

11-13

5916

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的时间名、作为事件处理程序的函数和一个布尔值。最后这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。 addEventListener的参数一共有三个，语

addEventListener()与removeEventListener()

web 前端

05-24

5万+

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。要在按钮上为click事件添加事件处理程序，可以使用

JS添加事件和解绑事件：addEventListener()与removeEventListener()

bingkingboy的博客

12-03

3万+

作用： addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。它们都接受3个参数：事件名、事件处理的函数和布尔值。布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。示例：环境：移动端，界面禁止触摸事件要在bo

js添加事件和移除事件:addEventListener()与removeEventListener()