事件
- 事件
- 常見的事件
-
- 點選事件
- 焦點事件
- 加載事件
- 滑鼠事件
- 鍵盤事件
- 選擇和改變
- 表單事件
事件
元件被執行某些操作後,觸發某些代碼的執行
事件:某些操作。如單擊。輕按兩下,鍵盤按下了,滑鼠移動了
事件源:元件。如:按鈕 文本輸入框
監聽器:代碼
注冊監聽:将事件,事件源,監聽器結合在一起。當事件源上發生了某個事件,則觸發執行某個監聽器代碼
常見的事件
點選事件
onclick :單擊事件
ondblclick:輕按兩下事件
焦點事件
onblur 失去焦點
一般用于表單驗證
<body>
<input id="username">
<script>
/*
失去焦點
*/
document.getElementById("username").onblur = function (){
alert("失去焦點");
}
</script>
</body>
加載事件
onload :一張頁面或一幅圖像完成加載。
滑鼠事件
onmousedown滑鼠按鈕被按下。
onmouseup 滑鼠按鍵被松開。
onmousemove 滑鼠被移動。
onmouseover 滑鼠移到某元素之上。
onmouseout 滑鼠從某元素移開。
document.getElementById("username").onmousedown = function (event){
alert(event.button);
}
鍵盤事件
onkeydown某個鍵盤按鍵被按下
onkeyup某個鍵盤按鍵被松開
onkeypress某個鍵盤按鍵被按下并松開
選擇和改變
onchange域的内容被改變
onselect文本被選中
表單事件
onsubmit确認按鈕被點選
onreset重置按鈕被點選