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