事件监听器addEventListener和removeEventListener的用法

小只笨笨狗～

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

阅读量203

点赞数

文章标签： javascript 前端 vue.js

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

本文链接：https://blog.youkuaiyun.com/qq_51196135/article/details/130975225

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let body = document.body

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

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


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