如何详细解释JavaScript中事件监听器的添加和使用方法？

本文共计1307个文字，预计阅读时间需要6分钟。

目录 + 什么是事件 + 1. 事件绑定 + 2. 常见事件 + 什么是事件 + HTML 事件 + 事件是发生在 HTML 元素上的行为 + 例如：页面上的 + 按钮被点击 + 鼠标移动到元素上 + 按下键盘按键 + 等等都是事件。 + 事件监听 +

目录

• 什么是事件
• 1. 事件绑定
• 2. 常见事件

什么是事件

HTML 事件是发生在 HTML 元素上的“行为 ”。比如：页面上的 按钮被点击、鼠标移动到元素之上、按下键盘按键 等都是事件。

事件监听就是JavaScript 可以在某一事件被触发时，执行一段预设的逻辑代码。如我们点击开灯、关灯时页面做出的相应反应其实就是通过事件监听来更换图片。

1. 事件绑定

JavaScript 提供了两种事件绑定方式：

方式一：通过 HTML标签中的事件属性进行绑定;
如下面代码，有一个按钮元素，我们是在该标签上定义 事件属性，在事件属性中绑定函数。