JavaScript--addEventListener()方法

最新推荐文章于 2024-02-17 12:37:41 发布

程序员老李头

最新推荐文章于 2024-02-17 12:37:41 发布

阅读量882

点赞数 2

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_74293254/article/details/131718081

版权

JavaScript 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

对于addEventListener()方法，它用于向指定的元素添加事件监听器，并在该元素上触发指定的事件时执行相应的函数或代码。该方法具有以下语法：

element.addEventListener(event, listener[, options]);

element：要添加事件监听器的元素对象。
event：要监听的事件类型，如 "click"、"mousemove" 等。
listener：事件触发时要执行的函数或回调函数。
options：是一个可选参数，用于配置事件的一些选项，例如是否使用捕获（capture）阶段。

下面是一个示例，演示如何使用addEventListener()方法给按钮添加点击事件监听器：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <button id="myButton">点击我</button>

<script>
    var button = document.getElementById("myButton");

    button.addEventListener("click", function(){
        console.log("按钮被点击了！");
    });
</script>
</body>
</html>

在上述示例中，我们通过getElementById()方法获取到id为"myButton"的按钮元素，然后使用addEventListener()方法给按钮添加了一个点击事件的监听器。当按钮被点击时，匿名函数将会执行，并在控制台输出"按钮被点击了！"的消息。

程序员老李头

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript--addEventListener()方法

在上述示例中，我们通过getElementById()方法获取到id为"myButton"的按钮元素，然后使用addEventListener()方法给按钮添加了一个点击事件的监听器。当按钮被点击时，匿名函数将会执行，并在控制台输出"按钮被点击了！对于addEventListener()方法，它用于向指定的元素添加事件监听器，并在该元素上触发指定的事件时执行相应的函数或代码。
复制链接

扫一扫