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