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 |
Filed under: 終極HTML與XHTML


Hi, good post. I have been wondering about this topic,so thanks for posting. I’ll definitely be subscribing to your blog.