DHTML 事件句柄（Event Handlers）
您可以在某個事件發(fā)生時通過一個事件句柄對某個元素進行某種操作。
實例
注釋：大多數(shù) DHTML 實例需要IE 4.0+、Netscape 7+ 或者 Opera 7+！
- onmouseover 和 onmouseout
- 如何在鼠標指針移到并移開一個元素時改變一個元素的顏色。
- onclick
- 把燈點亮。如何當您單擊一副圖像時改變圖像，然后再次單擊它時換回原來的圖像。
- onmousedown 和 onmouseup
- 這次只有當你按住鼠標按鈕時燈才會亮。
- onload
- 當頁面完成加載時顯示一個提示框。
事件句柄
通過一個事件句柄，您可以在某個事件發(fā)生時對某個元素進行某種操作：當用戶點擊元素時，當頁面加載時，當一個表單被提交時，等等。
<h1 onclick="style.color='red'">Click on this text</h1>
上面的例子可定義當用戶點擊一個標題時標題變?yōu)榧t色。
您也可以在頁面的 head 部分添加一段腳本，然后從事件句柄調用函數(shù)：
<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()">Click on this text</h1>
</body>
</html>
HTML 4.0 事件句柄
| 事件 | 當...時發(fā)生 |
|---|---|
| onabort | 用戶終止頁面加載。 |
| onblur | 用戶離開對象。 |
| onchange | 用戶改變對象的值。 |
| onclick | 用戶點擊對象。 |
| ondblclick | 用戶雙擊對象。 |
| onfocus | 用戶激活對象。 |
| onkeydown | 按下鍵盤。 |
| onkeypress | 按壓鍵盤。 |
| onkeyup | 松開鍵盤。 |
| onload |
頁面完成加載。 注釋：在 Netscape 中，當頁面加載時會發(fā)生該事件。 |
| onmousedown | 用戶按鼠標按鈕。 |
| onmousemove | 鼠標指針在對象上移動。 |
| onmouseover | 鼠標指針移動到對象上。 |
| onmouseout | 鼠標指針移出對象。 |
| onmouseup | 用戶釋放鼠標按鈕。 |
| onreset | 用戶重置表單。 |
| onselect | 用戶選取頁面上的內容。 |
| onsubmit | 用戶提交表單。 |
| onunload | 用戶關閉頁面。 |