首页 > 其他分享 >用js写一个事件侦听器的方法

用js写一个事件侦听器的方法

时间:2025-01-16 09:55:19浏览次数:1  
标签:函数 handleClick 按钮 js 侦听器 点击 事件 addEventListener

在JavaScript中,你可以使用addEventListener()方法来添加一个事件监听器。这个方法接受两个参数:要监听的事件名称和事件处理函数。以下是一个简单的示例,演示如何使用addEventListener()方法监听一个按钮的点击事件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件监听器示例</title>
</head>
<body>
    <button id="myButton">点击我</button>

    <script>
        // 获取按钮元素
        const button = document.getElementById('myButton');

        // 定义事件处理函数
        function handleClick() {
            alert('按钮被点击了!');
        }

        // 添加事件监听器
        button.addEventListener('click', handleClick);
    </script>
</body>
</html>

在这个示例中,我们首先通过document.getElementById()方法获取了页面上的按钮元素。然后,我们定义了一个名为handleClick的事件处理函数,该函数会在按钮被点击时执行。最后,我们使用addEventListener()方法将handleClick函数绑定到按钮的click事件上。当用户点击按钮时,就会触发click事件,并执行handleClick函数中的代码。

标签:函数,handleClick,按钮,js,侦听器,点击,事件,addEventListener
From: https://www.cnblogs.com/ai888/p/18674327

相关文章