js 添加事件

作者：﹏丶夜，深了发布日期:2026-05-13 浏览:41

// 示例代码：为按钮添加点击事件

// 1. 使用 HTML 元素的 onclick 属性
<button onclick="alert('按钮被点击了！')">点击我</button>

// 2. 使用 JavaScript 的 addEventListener 方法（推荐）
// 获取按钮元素
const button = document.querySelector('button');

// 添加点击事件监听器
button.addEventListener('click', function() {
    alert('按钮被点击了！');
});

// 解释说明：
// 第一种方法是直接在 HTML 中使用 onclick 属性，这种方法简单直接，但不推荐在实际开发中使用，因为它将结构和行为混在一起。
// 第二种方法是通过 JavaScript 的 addEventListener 方法来添加事件监听器，这种方式更灵活，可以为同一个元素添加多个事件监听器，并且将 HTML 和 JavaScript 分离，便于维护。

上一篇：js 触发点击事件

下一篇：js 事件