HTML5全局屬性和事件詳解

對於HTML5全局屬性和事件，您有多少了解呢？下面就為大家介紹一下，望對大家有所幫助。

摘要：

全局屬性和事件能夠應用到所有標簽元素上，在HTML4中有許多全局屬性，比如id，class等。HTML5中又新增了一些特殊功能的全局屬性和事件。

屬性：

HTML5屬性能夠賦給標簽元素含義和語境，下面的全局屬性可用於任何 HTML5 元素。

屬性 描述

contenteditable 規定是否允許用戶編輯內容。

contextmenu 規定元素的上下文菜單。

draggable 規定是否允許用戶拖動元素。

dropzone 規定當被拖動的項目/數據被拖放到元素中時會發生什麼。

hidden 規定該元素是無關的。被隱藏的元素不會顯示。

spellcheck 規定是否必須對元素進行拼寫或語法檢查。

事件：

 

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

Window 事件

 

針對 window 對象觸發的事件(應用到 標簽)：

屬性 值 描述

onafterprint script 文檔打印之後運行的腳本。

onbeforeprint script 文檔打印之前運行的腳本。

onbeforeunload script 文檔卸載之前運行的腳本。

onerror script 在錯誤發生時運行的腳本。

onhaschange 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 時運行的腳本。

Form 事件

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

屬性 值 描述

oncontextmenu script 當上下文菜單被觸發時運行的腳本。

onformchange script 在表單改變時運行的腳本。

onforminput script 當表單獲得用戶輸入時運行的腳本。

oninput script 當元素獲得用戶輸入時運行的腳本。

oninvalid script 當元素無效時運行的腳本。

Mouse 事件

由鼠標或類似用戶動作觸發的事件：

屬性 值 描述

ondrag script 元素被拖動時運行的腳本。

ondragend script 在拖動操作末端運行的腳本。

ondragenter script 當元素元素已被拖動到有效拖放區域時運行的腳本。

ondragleave script 當元素離開有效拖放目標時運行的腳本。

ondragover script 當元素在有效拖放目標上正在被拖動時運行的腳本。

ondragstart script 在拖動操作開端運行的腳本。

ondrop script 當被拖元素正在被拖放時運行的腳本。

onmousewheel script 當鼠標滾輪正在被滾動時運行的腳本。

onscroll script 當元素滾動條被滾動時運行的腳本。

Media 事件

以上是由精品為您提供的HTML5全局屬性和事件的介紹，感謝您的關注。