DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> HTML5事件方法全部匯總
HTML5事件方法全部匯總
編輯:關於HTML     

下面小編就為大家帶來一篇HTML5事件方法全部匯總。小編覺得挺不錯的,現在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧


下面的表格列出了可插入 HTML 5 元素中以定義事件行為的標准事件屬性。
1.Window 事件屬性 - Window Event Attributes
2.表單事件 - Form Events
3.鍵盤事件 - Keybord Events
4.鼠標事件 - Mouse Events
5.媒介事件 - Media Events


--------------------------------------------------------------------------------
Window 事件屬性

window 對象觸發的事件。適用於 <body> 標簽:

 

 屬性

 值

 描述

 

onafterprint

 script

在打印文檔之後運行腳本

 

onbeforeprint

 script

在文檔打印之前運行腳本

 

onbeforeonload

 script

在文檔加載之前運行腳本

 

onblur

 script

當窗口失去焦點時運行腳本

 

onerror

 script

當錯誤發生時運行腳本

 

onfocus

 script

當窗口獲得焦點時運行腳本

 

onhaschange

 script

當文檔改變時運行腳本

 

onload

 script

當文檔加載時運行腳本

 

onmessage

 script

當觸發消息時運行腳本

 

onoffline

 script

當文檔離線時運行腳本

 

ononline

 script

當文檔上線時運行腳本

 

onpagehide

 script

當窗口隱藏時運行腳本

 

onpageshow

 script

當窗口可見時運行腳本

 

onpopstate

 script

當窗口歷史記錄改變時運行腳本

 

onredo

 script

當文檔執行再執行操作(redo)時運行腳本

 

onresize

 script

當調整窗口大小時運行腳本

 

onstorage

 script

當文檔加載加載時運行腳本

 

onundo

 script

當 Web Storage 區域更新時(存儲空間中的數據發生變化時)

 

onunload

 script

當用戶離開文檔時運行腳本

 

--------------------------------------------------------------------------------
表單事件

 由 HTML 表單內部的動作觸發的事件。適用於所有 HTML 5 元素,不過最常用於表單元素中:

 

 屬性

 值

 描述

 

onblur

 script

當元素失去焦點時運行腳本

 

onchange

 script

當元素改變時運行腳本

 

oncontextmenu

 script

當觸發上下文菜單時運行腳本

 

onfocus

 script

當元素獲得焦點時運行腳本

 

onformchange

 script

當表單改變時運行腳本

 

onforminput

 script

當表單獲得用戶輸入時運行腳本

 

oninput

 script

當元素獲得用戶輸入時運行腳本

 

oninvalid

 script

當元素無效時運行腳本

 

onreset

 script

當表單重置時運行腳本。HTML 5 不支持。

 

onselect

 script

當選取元素時運行腳本

 

onsubmit

 script

當提交表單時運行腳本

 

--------------------------------------------------------------------------------
鍵盤事件

 由鍵盤觸發的事件。適用於所有 HTML 5 元素:

 

 屬性

 值

 描述

 

onkeydown

 script

當按下按鍵時運行腳本

 

onkeypress

 script

當按下並松開按鍵時運行腳本

 

onkeyup

 script

當松開按鍵時運行腳本

 

--------------------------------------------------------------------------------
鼠標事件

 由鼠標或相似的用戶動作觸發的事件。適用於所有 HTML 5 元素:

 

 屬性

 值

 描述

 

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

當滾動元素滾動元素的滾動條時運行腳本

 

--------------------------------------------------------------------------------
媒介事件

 由視頻、圖像以及音頻等媒介觸發的事件。適用於所有 HTML 5 元素,不過在媒介元素(諸如 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

當就緒狀態(ready-state)改變時運行腳本

 

onseeked

 script

當媒介元素的定位屬性[1]不再為真且定位已結束時運行腳本

 

onseeking

 script

當媒介元素的定位屬性為真且定位已開始時運行腳本

 

onstalled

 script

當取回媒介數據過程中(延遲)存在錯誤時運行腳本

 

onsuspend

 script

當浏覽器已在取媒介數據但在取回整個媒介文件之前停止時運行腳本

 

ontimeupdate

 script

當媒介改變其播放位置時運行腳本

 

onvolumechange

 script

當媒介改變音量亦或當音量被設置為靜音時運行腳本

 

onwaiting

 script

當媒介已停止播放但打算繼續播放時運行腳本


[1]:定位屬性的英文譯文是:seeking attribute。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved