HTML5 新事件 小結_html5教學技巧

HTML 元素可擁有事件屬性，這些屬性在瀏覽器中觸發行為，例如當使用者點擊一個 HTML 元素時啟動一段 JavaScript。下面列出的事件屬性，可以把它們插入 HTML 標籤來定義事件行為。

HTML 4.01 與 HTML 5 之間的差異

HTML 5 中的新事件：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, ondrop.on

不再支援的 HTML 4.01 屬性：onreset。

屬性

屬性	值	描述	4	5
onabort	script	發生 abort 事件時執行腳本。		5
onbeforeonload	script	在元素載入前執行腳本。		5
onblur	script	當元素失去焦點時執行腳本。	4	5
onchange	script	當元素改變時執行腳本。	4	5
onclick	script	滑鼠點擊時允許腳本。	4	5
oncontextmenu	script	當選單被觸發時運行腳本。		5
ondblclick	script	當滑鼠雙擊時運行腳本。	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	當元素獲得焦點時執行腳本。	4	5
onkeydown	script	當按鈕按下時執行腳本。	4	5
onkeypress	script	當按鍵被按下時執行腳本。	4	5
onkeyup	script	當按鈕放開時執行腳本。	4	5
onload	script	當文件載入時執行腳本。	4	5
onmessage	script	當 message 事件觸發時執行腳本。		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