HTML DOM允許JavaScript為HTML事件做出反應：
招架
JavaScript可以在事件發生時，當用戶點擊某個HTML元素像被執行。
當用戶點擊一個元素上執行代碼，添加JavaScript代碼的HTML事件屬性：
onclick=JavaScript
HTML事件的例子：
- 當用戶點擊鼠標
- 當網頁加載
- 當一個圖像已被加載
- 當鼠標移過一個元素
- 當一個輸入字段被改變
- 當HTML表單提交
- 當用戶筆劃的一個關鍵
在這個例子中，內容<h1>當用戶點擊它元件被改變：
例
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
試一試» 在這個例子中，一個功能是從事件處理程序調用：
例
<!DOCTYPE html>
<html>
<body>
<h1 onclick="changeText(this)">Click on this text!</h1>
<script>
function changeText(id) {
id.innerHTML = "Ooops!";
}
</script>
</body>
</html>
試一試» HTML事件屬性
要指定事件HTML元素，你可以使用事件屬性。
在上面的例子中，一個名為功能displayDate點擊按鈕時，將被執行。
分配事件使用HTML DOM
在HTML DOM允許你指定事件使用JavaScript的HTML元素：
例
分配一個onclick事件到按鈕元素：
<script>
document.getElementById("myBtn").onclick = displayDate;
</script>
試一試» 在上面的例子中，一個名為功能displayDate被分配到同一個HTML元素id="myBtn"
單擊該按鈕時，該功能將被執行。
在onload和onunload事件
在onload和onunload ，當用戶進入或離開頁面事件被觸發。
在onload事件可以被用來檢查訪問者的瀏覽器類型和瀏覽器版本，並加載基於信息的網頁的正確版本。
在onload和onunload事件可以用來處理餅乾。
的onchange事件
所述onchange事件通常結合使用輸入字段的驗證。
下面是如何使用的一個例子onchange 。 該upperCase()當用戶改變輸入域的內容函數將被調用。
該onmouseover和onmouseout事件
該onmouseover和onmouseout事件可用於當用戶將鼠標移動到觸發功能，或出，一個HTML元素：
該onmousedown ， onmouseup和onclick事件
該onmousedown ， onmouseup和onclick事件是點擊鼠標的所有部分。 首先點擊鼠標按鈕時， onmousedown被觸發事件，那麼，鼠標按鈕被釋放時，該onmouseup被觸發的事件，最後，完成鼠標點擊時， onclick觸發事件。
更多示例
onmousedown事件和onmouseup
當用戶按住鼠標按鈕更改圖像。
負載
顯示在頁面加載完成一個警告框。
的onfocus
改變輸入欄的背景色，當它獲得焦點。
鼠標事件
更改元素的顏色，當光標移動過去。
HTML DOM事件對象參考
對於所有的HTML DOM事件的列表，看看我們完整的HTML DOM事件對象參考 。