HTML 事件屬性
HTML 4 的新特性之一是可以使 HTML 事件觸發(fā)瀏覽器中的行為，比方說(shuō)當(dāng)用戶(hù)點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript。
在現(xiàn)代瀏覽器中都內(nèi)置有大量的事件處理器。這些處理器會(huì)監(jiān)視特定的條件或用戶(hù)行為，例如鼠標(biāo)單擊或?yàn)g覽器窗口中完成加載某個(gè)圖像。通過(guò)使用客戶(hù)端的 JavaScript，可以將某些特定的事件處理器作為屬性添加給特定的標(biāo)簽，并可以在事件發(fā)生時(shí)執(zhí)行一個(gè)或多個(gè) JavaScript 命令或函數(shù)。
事件處理器的值是一個(gè)或一系列以分號(hào)隔開(kāi)的 Javascript 表達(dá)式、方法和函數(shù)調(diào)用，并用引號(hào)引起來(lái)。當(dāng)事件發(fā)生時(shí)，瀏覽器會(huì)執(zhí)行這些代碼。例如，當(dāng)您把鼠標(biāo)移動(dòng)到一個(gè)超鏈接時(shí)，會(huì)啟動(dòng)一個(gè) JavaScript 函數(shù)。支持 JavaScript 的瀏覽器支持 <a> 標(biāo)簽中的一個(gè)特殊的 "mouse over"事件處理器 - 被稱(chēng)為 onmouseover 來(lái)完成這項(xiàng)工作：
<a href="/index.html" onmouseover="alert('Welcome');return false"></a>
如需學(xué)習(xí)更多有關(guān)事件編程方面的知識(shí)，請(qǐng)?jiān)L問(wèn) W3School 提供的 JavaScript 教程 和 DHTML 教程。
下面的表格提供了標(biāo)準(zhǔn)的事件屬性，可以把它們插入 HTML/XHTML 元素中，以定義事件行為。
窗口事件 (Window Events)
僅在 body 和 frameset 元素中有效。
| 屬性 | 值 | 描述 |
|---|---|---|
| onload | 腳本 | 當(dāng)文檔被載入時(shí)執(zhí)行腳本 |
| onunload | 腳本 | 當(dāng)文檔被卸下時(shí)執(zhí)行腳本 |
表單元素事件 (Form Element Events)
僅在表單元素中有效。
| 屬性 | 值 | 描述 |
|---|---|---|
| onchange | 腳本 | 當(dāng)元素改變時(shí)執(zhí)行腳本 |
| onsubmit | 腳本 | 當(dāng)表單被提交時(shí)執(zhí)行腳本 |
| onreset | 腳本 | 當(dāng)表單被重置時(shí)執(zhí)行腳本 |
| onselect | 腳本 | 當(dāng)元素被選取時(shí)執(zhí)行腳本 |
| onblur | 腳本 | 當(dāng)元素失去焦點(diǎn)時(shí)執(zhí)行腳本 |
| onfocus | 腳本 | 當(dāng)元素獲得焦點(diǎn)時(shí)執(zhí)行腳本 |
圖像事件 (Image Events)
該屬性可用于 img 元素：
| 屬性 | 值 | 描述 |
|---|---|---|
| onabort | 腳本 | 當(dāng)圖像加載中斷時(shí)執(zhí)行腳本 |
鍵盤(pán)事件 (Keyboard Events)
在下列元素中無(wú)效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
| 屬性 | 值 | 描述 |
|---|---|---|
| onkeydown | 腳本 | 當(dāng)鍵盤(pán)被按下時(shí)執(zhí)行腳本 |
| onkeypress | 腳本 | 當(dāng)鍵盤(pán)被按下后又松開(kāi)時(shí)執(zhí)行腳本 |
| onkeyup | 腳本 | 當(dāng)鍵盤(pán)被松開(kāi)時(shí)執(zhí)行腳本 |
鼠標(biāo)事件 (Mouse Events)
在下列元素中無(wú)效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
| 屬性 | 值 | 描述 |
|---|---|---|
| onclick | 腳本 | 當(dāng)鼠標(biāo)被單擊時(shí)執(zhí)行腳本 |
| ondblclick | 腳本 | 當(dāng)鼠標(biāo)被雙擊時(shí)執(zhí)行腳本 |
| onmousedown | 腳本 | 當(dāng)鼠標(biāo)按鈕被按下時(shí)執(zhí)行腳本 |
| onmousemove | 腳本 | 當(dāng)鼠標(biāo)指針移動(dòng)時(shí)執(zhí)行腳本 |
| onmouseout | 腳本 | 當(dāng)鼠標(biāo)指針移出某元素時(shí)執(zhí)行腳本 |
| onmouseover | 腳本 | 當(dāng)鼠標(biāo)指針懸停于某元素之上時(shí)執(zhí)行腳本 |
| onmouseup | 腳本 | 當(dāng)鼠標(biāo)按鈕被松開(kāi)時(shí)執(zhí)行腳本 |