HTML DOM 使 JavaScript 有能力對 HTML 事件做出反應。

對事件做出反應

我們可以在事件發(fā)生時執(zhí)行 JavaScript，比如當用戶在 HTML 元素上點擊時。

如需在用戶點擊某個元素時執(zhí)行代碼，請向一個 HTML 事件屬性添加 JavaScript 代碼：

onclick=JavaScript 

HTML 事件的例子：

• 當用戶點擊鼠標時
• 當網(wǎng)頁已加載時
• 當圖像已加載時
• 當鼠標移動到元素上時
• 當輸入字段被改變時
• 當提交 HTML 表單時
• 當用戶觸發(fā)按鍵時

在本例中，當用戶在 <h1> 元素上點擊時，會改變其內(nèi)容：

本例從事件處理器調(diào)用一個函數(shù)：

HTML 事件屬性

如需向 HTML 元素分配 事件，您可以使用事件屬性。

在上面的例子中，名為 displayDate 的函數(shù)將在按鈕被點擊時執(zhí)行。

使用 HTML DOM 來分配事件

HTML DOM 允許您使用 JavaScript 來向 HTML 元素分配事件：

在上面的例子中，名為 displayDate 的函數(shù)被分配給 id=myBtn" 的 HTML 元素。

按鈕點擊時Javascript函數(shù)將會被執(zhí)行。

onload 和 onunload 事件

onload 和 onunload 事件會在用戶進入或離開頁面時被觸發(fā)。

onload 事件可用于檢測訪問者的瀏覽器類型和瀏覽器版本，并基于這些信息來加載網(wǎng)頁的正確版本。

onload 和 onunload 事件可用于處理 cookie。

onchange 事件

onchange 事件常結(jié)合對輸入字段的驗證來使用。

下面是一個如何使用 onchange 的例子。當用戶改變輸入字段的內(nèi)容時，會調(diào)用 upperCase() 函數(shù)。

onmouseover 和 onmouseout 事件

onmouseover 和 onmouseout 事件可用于在用戶的鼠標移至 HTML 元素上方或移出元素時觸發(fā)函數(shù)。

onmousedown、onmouseup 以及 onclick 事件

onmousedown, onmouseup 以及 onclick 構(gòu)成了鼠標點擊事件的所有部分。首先當點擊鼠標按鈕時，會觸發(fā) onmousedown 事件，當釋放鼠標按鈕時，會觸發(fā) onmouseup 事件，最后，當完成鼠標點擊時，會觸發(fā) onclick 事件。

更多實例

onmousedown 和onmouseup
當用戶按下鼠標按鈕時，更換一幅圖像。

onload
當頁面完成加載時，顯示一個提示框。

onfocus
當輸入字段獲得焦點時，改變其背景色。

鼠標事件
當指針移動到元素上方時，改變其顏色；當指針移出文本后，會再次改變其顏色。

相關知識

JavaScript 和 HTML 參考手冊：HTML DOM事件對象