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