HTML 5 的新增事件

HTML 5 新增了許多好用的事件,雖然還不知道它到底何時會正式 Final ,但是許多標籤以及事件還有強大的 API 支援能力都讓我很期待,順便告訴大家一件事,想看看 HTML 5 的新增標籤,用 Opera 就可以先睹為快喔!

下面有列出 HTML 5 和 HTML 4 所有支援的事件,可以看到 HTML 5 裡面新增了許多有趣而且好用的事件,相信未來的網頁 UI 應該是會越來越好用而且強大~:D

屬性 描述 HTML 4 HTML 5
onabort script 當捨棄該元素的時候就會執行 5
onbeforeonload script 在元素被載入前就會執行 5
onblur script 當元素沒有失去 focus 的時候,就會執行 4 5
onchange script 當元素更換的時候就會執行 4 5
onclick script 當滑鼠點選該元素的時候就會執行 4 5
oncontextmenu script 當內容選單被觸發,就會執行該語法 5
ondblclick script 當滑鼠 double-click 的時候就會執行 4 5
ondrag script 當元素被拖曳的時候就會執行該語法 5
ondragend script 當拖曳事件結束以後就會執行 5
ondragenter script 當元素被拖曳到有效的拖曳目標時,就會觸發程式 5
ondragleave script 當元素被拖曳出有效的拖曳目標時,就會觸發該程式 5
ondragover script 當元素被拖曳到有效的目標元素上方時,就會觸發該程式 5
ondragstart script 當開始拖曳的時候,就會觸發該程式 5
ondrop script 當可被拖曳的元素被放開的時候,就會觸發該程式 5
onerror script 當元素載入錯誤的時候,就會執行該語法,通常可以用於圖片載入失敗的狀況上 5
onfocus script 當元素被 focus 的時候就會執行該語法 4 5
onkeydown script 當鍵盤被按下的時候就會執行 4 5
onkeypress script 當鍵盤被按下並且放開的時候就會執行該語法 4 5
onkeyup script 當鍵盤案件被放開的時候就會執行程式 4 5
onload script 當文件載入進來的時候程式就會執行 4 5
onmessage script 當留言事件被觸發,就會執行 5
onmousedown script 當滑鼠被按下的時候就會執行 4 5
onmousemove script 當滑鼠移動的時候就會觸發該事件 4 5
onmouseover script 當滑鼠指標移動到該元素上面的時候,就會觸發該事件 4 5
onmouseout script 當滑鼠指標移出該元素的時候,就會觸發該事件 4 5
onmouseup script 當滑鼠按鍵放開的時候就會觸發該事件 4 5
onmousewheel script 使用滑鼠滾輪的時候就會觸發該事件 5
onreset script 當重設表單的時候就會觸發該事件
尚未支援
4
onresize script 當元素被重設尺寸的時候就會觸發該事件 5
onscroll script 當元素的捲軸被捲動的時候,就會觸發事件 5
onselect script 當元素被選去的時候,就會觸發該事件 4 5
onsubmit script 當表單被送出的時候,就會執行 4 5
onunload script 當文件被卸載的時候就會觸發該事件 5
Advertisements

One thought on “HTML 5 的新增事件

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s