天天看點

JavaScript系列--事件事件常見的事件

事件

  • 事件
  • 常見的事件
    • 點選事件
    • 焦點事件
    • 加載事件
    • 滑鼠事件
    • 鍵盤事件
    • 選擇和改變
    • 表單事件

事件

元件被執行某些操作後,觸發某些代碼的執行

​ 事件:某些操作。如單擊。輕按兩下,鍵盤按下了,滑鼠移動了

​ 事件源:元件。如:按鈕 文本輸入框

​ 監聽器:代碼

​ 注冊監聽:将事件,事件源,監聽器結合在一起。當事件源上發生了某個事件,則觸發執行某個監聽器代碼

常見的事件

點選事件

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重置按鈕被點選

繼續閱讀