HTML 5 全域屬性和事件屬性

來源:互聯網
上載者:User

標籤:style   http   io   ar   color   sp   for   java   strong   

1.HTML 5 全域屬性

 

HTML 屬效能夠賦予元素含義和語境。

下面的全域屬性可用於任何 HTML5 元素。

NEW:HTML 5 中新的全域屬性。

屬性 描述
accesskey 規定訪問元素的鍵盤快速鍵
class 規定元素的類名(用於規定樣式表中的類)。
contenteditable 規定是否允許使用者編輯內容。
contextmenu 規定元素的操作功能表。
dir 規定元素中內容的文本方向。
draggable 規定是否允許使用者拖動元素。
dropzone 規定當被拖動的項目/資料被拖放到元素中時會發生什麼。
hidden 規定該元素是無關的。被隱藏的元素不會顯示。
id 規定元素的唯一 ID。
lang 規定元素中內容的語言代碼。
spellcheck 規定是否必須對元素進行拼字或語法檢查。
style 規定元素的行內樣式。
tabindex 規定元素的 tab 鍵控制次序。
title 規定有關元素的額外資訊。
                      2.html事件屬性全域事件屬性

HTML 4 增加了使事件在瀏覽器中觸發動作的能力,比如當使用者點擊元素時啟動 JavaScript。

如需學習更多有關事件編程的知識,請訪問我們的 JavaScript 教程。

下面列出了添加到 HTML 元素以定義事件動作的全域事件屬性。

= HTML5 中新的事件屬性。

Window 事件屬性

針對 window 對象觸發的事件(應用到 <body> 標籤):

屬性 描述
onafterprint script 文檔列印之後啟動並執行指令碼。
onbeforeprint script 文檔列印之前啟動並執行指令碼。
onbeforeunload script 文檔卸載之前啟動並執行指令碼。
onerror script 在錯誤發生時啟動並執行指令碼。
onhaschange script 當文檔已改變時啟動並執行指令碼。
onload script 頁面結束載入之後觸發。
onmessage script 在訊息被觸發時啟動並執行指令碼。
onoffline script 當文檔離線時啟動並執行指令碼。
ononline script 當文檔上線時啟動並執行指令碼。
onpagehide script 當視窗隱藏時啟動並執行指令碼。
onpageshow script 當視窗成為可見時啟動並執行指令碼。
onpopstate script 當視窗記錄改變時啟動並執行指令碼。
onredo script 當文檔執行撤銷(redo)時啟動並執行指令碼。
onresize script 當瀏覽器視窗被調整大小時觸發。
onstorage script 在 Web Storage 地區更新後啟動並執行指令碼。
onundo script 在文檔執行 undo 時啟動並執行指令碼。
onunload script 一旦頁面已下載時觸發(或者瀏覽器視窗已被關閉)。
Form 事件

由 HTML 表單內的動作觸發的事件(應用到幾乎所有 HTML 元素,但最常用在 form 元素中):

屬性 描述
onblur script 元素失去焦點時啟動並執行指令碼。
onchange script 在元素值被改變時啟動並執行指令碼。
oncontextmenu script 當操作功能表被觸發時啟動並執行指令碼。
onfocus script 當元素失去焦點時啟動並執行指令碼。
onformchange script 在表單改變時啟動並執行指令碼。
onforminput script 當表單獲得使用者輸入時啟動並執行指令碼。
oninput script 當元素獲得使用者輸入時啟動並執行指令碼。
oninvalid script 當元素無效時啟動並執行指令碼。
onreset script 當表單中的重設按鈕被點擊時觸發。HTML5 中不支援。
onselect script 在元素中文本被選中後觸發。
onsubmit script 在提交表單時觸發。
Keyboard 事件
屬性 描述
onkeydown script 在使用者按下按鍵時觸發。
onkeypress script 在使用者敲擊按鈕時觸發。
onkeyup script 當使用者釋放按鍵時觸發。
Mouse 事件

由滑鼠或類似使用者動作觸發的事件:

屬性 描述
onclick script 元素上發生滑鼠點擊時觸發。
ondblclick script 元素上發生滑鼠雙擊時觸發。
ondrag script 元素被拖動時啟動並執行指令碼。
ondragend script 在拖動操作末端啟動並執行指令碼。
ondragenter script 當元素元素已被拖動到有效拖放區時啟動並執行指令碼。
ondragleave script 當元素離開有效拖放目標時啟動並執行指令碼。
ondragover script 當元素在有效拖放目標上正在被拖動時啟動並執行指令碼。
ondragstart script 在拖動操作開端啟動並執行指令碼。
ondrop script 當被拖元素正在被拖放時啟動並執行指令碼。
onmousedown script 當元素上按下滑鼠按鍵時觸發。
onmousemove script 當滑鼠指標移動到元素上時觸發。
onmouseout script 當滑鼠指標移出元素時觸發。
onmouseover script 當滑鼠指標移動到元素上時觸發。
onmouseup script 當在元素上釋放滑鼠按鍵時觸發。
onmousewheel script 當滑鼠滾輪正在被滾動時啟動並執行指令碼。
onscroll script 當元素捲軸被滾動時啟動並執行指令碼。
Media 事件

由媒介(比如視頻、映像和音頻)觸發的事件(適用於所有 HTML 元素,但常見於媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):

屬性 描述
onabort script 在退出時啟動並執行指令碼。
oncanplay script 當檔案就緒可以開始播放時啟動並執行指令碼(緩衝已足夠開始時)。
oncanplaythrough script 當媒介能夠無需因緩衝而停止即可播放至結尾時啟動並執行指令碼。
ondurationchange script 當媒介長度改變時啟動並執行指令碼。
onemptied script 當發生故障並且檔案突然不可用時啟動並執行指令碼(比如串連意外斷開時)。
onended script 當媒介已到達結尾時啟動並執行指令碼(可發送類似“感謝觀看”之類的訊息)。
onerror script 當在檔案載入期間發生錯誤時啟動並執行指令碼。
onloadeddata script 當媒介資料已載入時啟動並執行指令碼。
onloadedmetadata script 當中繼資料(比如解析度和時間長度)被載入時啟動並執行指令碼。
onloadstart script 在檔案開始載入且未實際載入任何資料前啟動並執行指令碼。
onpause script 當媒介被使用者或程式暫停時啟動並執行指令碼。
onplay script 當媒介已就緒可以開始播放時啟動並執行指令碼。
onplaying script 當媒介已開始播放時啟動並執行指令碼。
onprogress script 當瀏覽器正在擷取媒介資料時啟動並執行指令碼。
onratechange script 每當回放速率改變時啟動並執行指令碼(比如當使用者切換到慢動作或快進模式)。
onreadystatechange script 每當就緒狀態改變時啟動並執行指令碼(就緒狀態監測媒介資料的狀態)。
onseeked script 當 seeking 屬性設定為 false(指示定位已結束)時啟動並執行指令碼。
onseeking script 當 seeking 屬性設定為 true(指示定位是活動的)時啟動並執行指令碼。
onstalled script 在瀏覽器不論何種原因未能取回媒介資料時啟動並執行指令碼。
onsuspend script 在媒介資料完全載入之前不論何種原因終止取回媒介資料時啟動並執行指令碼。
ontimeupdate script 當播放位置改變時(比如當使用者快進到媒介中一個不同的位置時)啟動並執行指令碼。
onvolumechange script 每當音量改變時(包括將音量設定為靜音)時啟動並執行指令碼。
onwaiting script 當媒介已停止播放但打算繼續播放時(比如當媒介暫停已緩衝更多資料)運行指令碼
  

HTML 5 全域屬性和事件屬性

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.