JavaScript--addEventListener()方法

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

element.addEventListener(event, listener[, options]);
  1. element:要添加事件监听器的元素对象。
  2. event:要监听的事件类型,如 "click"、"mousemove" 等。
  3. listener:事件触发时要执行的函数或回调函数。
  4. 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()方法给按钮添加了一个点击事件的监听器。当按钮被点击时,匿名函数将会执行,并在控制台输出"按钮被点击了!"的消息。

猜你喜欢

转载自blog.csdn.net/m0_74293254/article/details/131718081