Javascript是一門廣泛應(yīng)用于網(wǎng)頁(yè)端的編程語(yǔ)言,各種網(wǎng)站上我們經(jīng)常可以見到它的身影。在Javascript中,事件(Event)是與用戶交互相結(jié)合的重要組成部分。通過(guò)事件,我們可以響應(yīng)用戶的操作,或者創(chuàng)造新的用戶交互方式。本文將介紹Javascript中所有的常用事件,以及它們的使用方法。
一、鼠標(biāo)事件
鼠標(biāo)事件是Javascript中最常見的事件類型之一。它們會(huì)被觸發(fā)在用戶在鼠標(biāo)按鈕上做出了一些動(dòng)作時(shí),比如點(diǎn)擊、雙擊、按下或釋放。下面是鼠標(biāo)事件名的列表:
1. onclick - 單擊時(shí)觸發(fā)事件
2. ondblclick - 雙擊時(shí)觸發(fā)事件
3. onmousedown - 按下鼠標(biāo)按鈕時(shí)觸發(fā)事件
4. onmouseup - 釋放鼠標(biāo)按鈕時(shí)觸發(fā)事件
5. onmousemove - 鼠標(biāo)移動(dòng)時(shí)觸發(fā)事件
6. onmouseover - 鼠標(biāo)移到對(duì)象上時(shí)觸發(fā)事件
7. onmouseout - 鼠標(biāo)移出對(duì)象時(shí)觸發(fā)事件
示例代碼:
//html頁(yè)面中://js外部文件中:
var btn = document.querySelector("button");
btn.addEventListener("click", function() {
alert("Hello World");
});
二、鍵盤事件
鍵盤事件是另一種Javascript中常見的事件類型。它們會(huì)被觸發(fā)在用戶在鍵盤上做出一些動(dòng)作時(shí),比如按下或釋放一個(gè)鍵。下面是鍵盤事件的列表:
1. onkeydown - 按下鍵盤上的鍵時(shí)觸發(fā)事件
2. onkeyup - 釋放鍵盤上的鍵時(shí)觸發(fā)事件
3. onkeypress - 按下鍵盤上的鍵并松開時(shí)觸發(fā)事件
示例代碼://html頁(yè)面中://js外部文件中:
var input = document.querySelector("input");
input.addEventListener("keyup", function() {
console.log("Hello World");
});
三、窗口事件
窗口事件指的是和瀏覽器窗口的控制相關(guān)的事件,比如窗口的加載、關(guān)閉、滾動(dòng)、大小調(diào)整等。下面是窗口事件的列表:
1. onload - 當(dāng)頁(yè)面加載完畢后觸發(fā)事件
2. onunload - 當(dāng)頁(yè)面關(guān)閉后觸發(fā)事件
3. onresize - 窗口大小調(diào)整時(shí)觸發(fā)事件
4. onscroll - 窗口滾動(dòng)時(shí)觸發(fā)事件
示例代碼://html頁(yè)面中://js外部文件中:
window.addEventListener("load", function() {
alert("Hello World");
});
四、表單事件
表單事件是和表單元素相關(guān)的事件,比如文本框的內(nèi)容改變、表單提交、復(fù)選框選中等。下面是表單事件的列表:
1. onchange - 表單元素的值發(fā)生變化時(shí)觸發(fā)事件
2. onsubmit - 表單提交時(shí)觸發(fā)事件
3. onreset - 表單重置時(shí)觸發(fā)事件
4. onselect - 文本框中文本被選中時(shí)觸發(fā)事件
示例代碼://html頁(yè)面中: //js外部文件中:
var form = document.querySelector("form");
form.addEventListener("submit", function() {
alert("Hello World");
});
總結(jié)
這篇文章介紹了Javascript中的所有常用事件,包括鼠標(biāo)事件、鍵盤事件、窗口事件和表單事件。這些事件可以用于響應(yīng)用戶的交互和創(chuàng)造新的用戶體驗(yàn),同時(shí)也是JavaScript編程中必不可少的一部分。如果您正在學(xué)習(xí)Javascript編程,那么這篇文章可以讓您更加深入地理解Javascript中事件相關(guān)的知識(shí)點(diǎn)。