JavaScript 事件

HTML 事件是发生在 HTML 元素上的“事情”。

当 JavaScript 用于 HTML 页面时，JavaScript 可以对这些事件做出“反应”。

HTML 事件

HTML 事件可以是浏览器执行的操作，也可以是用户执行的操作。

以下是一些 HTML 事件的示例：

HTML 网页加载完成
HTML 输入字段已更改
HTML 按钮被点击

通常，当事件发生时，您可能想做些什么。

JavaScript 允许您在检测到事件时执行代码。

HTML 允许在 HTML 元素中添加事件处理属性，包含 JavaScript 代码。

使用单引号

<element event='some JavaScript'>

使用双引号

<element event="some JavaScript">

在以下示例中，将 onclick 属性（带有代码）添加到 <button> 元素中：

示例

<button onclick="document.getElementById('demo').innerHTML = Date()">现在时间是？</button>

自己动手试一试 »

在上面的示例中，JavaScript 代码更改了 id="demo" 元素的内容。

在下一个示例中，代码更改其自身元素的内容（使用 this.innerHTML）：

示例

<button onclick="this.innerHTML = Date()">现在时间是？</button>

自己动手试一试 »

JavaScript 代码通常有多行。更常见的是事件属性调用函数：

示例

<button onclick="displayDate()">现在时间是？</button>

自己动手试一试 »

常见的 HTML 事件

以下是一些常见 HTML 事件的列表：

事件	描述
onchange	HTML 元素已更改
onclick	用户点击 HTML 元素
onmouseover	用户将鼠标悬停在 HTML 元素上
onmouseout	用户将鼠标移出 HTML 元素
onkeydown	用户按下键盘按键
onload	浏览器已完成页面加载

列表更长：W3Schools JavaScript 参考 HTML DOM 事件。