HTML事件屬性介紹

HTML的新特性之一是可以使 HTML 事件觸發浏覽器中的行為，比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。下面我們給大家介紹一下HTML事件屬性吧!

在現代浏覽器中都內置有大量的事件處理器。這些處理器會監視特定的條件或用戶行為，例如鼠標單擊或浏覽器窗口中完成加載某個圖像。通過使用客戶端的 JavaScript，可以將某些特定的事件處理器作為屬性添加給特定的標簽，並可以在事件發生時執行一個或多個 JavaScript 命令或函數。

事件處理器的值是一個或一系列以分號隔開的 Javascript 表達式、方法和函數調用，並用引號引起來。當事件發生時，浏覽器會執行這些代碼。例如，當您把鼠標移動到一個超鏈接時，會啟動一個 JavaScript 函數。支持 JavaScript 的浏覽器支持 標簽中的一個特殊的 "mouse over"事件處理器 - 被稱為 onmouseover 來完成這項工作：

 

 

窗口事件 (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事件屬性了。希望大家繼續關注我們的網站!