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 事件。