首頁 >web前端 >html教學 >html事件屬性的基本知識詳細介紹

html事件屬性的基本知識詳細介紹

巴扎黑
巴扎黑原創
2017-06-16 17:34:541430瀏覽

事件屬性介紹:

HTML 4 的新功能之一是可以讓HTML 事件觸發瀏覽器中的行為,比方說當使用者點擊某個HTML 元素時啟動一段JavaScript

在現代瀏覽器中都內建有大量的事件處理器。這些處理器會監視特定的條件或使用者行為,例如滑鼠點選或瀏覽器視窗中完成載入某個影像。透過使用客戶端的 JavaScript,可以將某些特定的事件處理器作為屬性新增給特定的標籤,並且可以在事件發生時執行一個或多個 JavaScript 命令或函數。

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

#

如需學習更多有關事件編程方面的知識,請訪問W3School 提供的 JavaScript 教學 和 DHTML 教學課程。

下面的表格提供了標準的事件屬性,可以將它們插入 HTML/XHTML 元素中,以定義事件行為。

視窗事件 (Window Events)

僅在 body 和 frameset 元素中有效。

屬性     值        說明

onload    腳本   當文件載入時執行腳本   

onunload   腳本#  (Form Element Events)

僅在表單元素中有效。

屬性        值                 描述

onchange    腳本   當元素變更時執行腳本  

 . 腳本   當表單被重置時執行腳本   

onselect    腳本   當元素被選取時執行腳本   

onblur    腳本   當元素失去重點時執行腳本  

"> 腳本執行腳本重點#  

##影像事件(Image Events)

此屬性可用於img 元素:

屬性              值           描述

# onaborabor) 中斷符號# 

#鍵盤事件(Keyboard Events)

在下列元素中無效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及title 元素。

屬性          值                描述

onkeydown    腳本   當鍵盤被按下時執行腳本1# # 執行腳本1121/2122122222/問題執行腳本又被開機# #onkeyup    腳本   當鍵盤鬆開時執行腳本   

滑鼠事件(Mouse Events)

下列元素中無效:base、bdo、br、frame、frameset、head、html、iframe 、meta、param、script、style 以及title 元素。

屬性            值               描述

onclick    腳本   當滑鼠中點擊時執行腳本# p.

onmousedown

   腳本   當滑鼠按鈕按下時執行腳本   

onmousemove

   腳本   當滑鼠指標移動時執行腳本   

##onmooutoutoutoutout: 腳本 指標移出某元素時執行腳本   

onmouseover    腳本   當滑鼠指標停留於某元素上方時執行腳本   

onmouseup    腳本  當滑鼠按鈕被放開時執行腳本# 

以上是html事件屬性的基本知識詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn