萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 對HTML 4的事件屬性的學習

對HTML 4的事件屬性的學習

本文是關於HTML 4的事件屬性的一些簡單的介紹

HTML 4 的新特性之一是可以使 HTML 事件觸發浏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。

HTML 4 的新特性之一是可以使 HTML 事件觸發浏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。

在現代浏覽器中都內置有大量的事件處理器。這些處理器會監視特定的條件或用戶行為,例如鼠標單擊或浏覽器窗口中完成加載某個圖像。通過使用客戶端的 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 4的事件屬性的介紹,希望對大家有所幫助。

copyright © 萬盛學電腦網 all rights reserved