溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“javascript中常用的事件是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“javascript中常用的事件是什么”文章能幫助大家解決問題。
javascript中的常用事件有：1、點擊事件（onclick和ondblclick）；2、焦點事件（onblur和onfocus）；3、加載事件（onload）；4、鼠標事件；5、鍵盤事件；6、選擇和改變事件；7、表單事件。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
JS中的事件：
概念：某些組件被執(zhí)行了某些操作后，觸發(fā)某些代碼的執(zhí)行。
事件：某些操作。如： 單擊，雙擊，鍵盤按下了，鼠標移動了
事件源：組件。如： 按鈕 文本輸入框…
監(jiān)聽器：代碼。
注冊監(jiān)聽：將事件，事件源，監(jiān)聽器結合在一起。 當事件源上發(fā)生了某個事件，則觸發(fā)執(zhí)行某個監(jiān)聽器代碼。
1）點擊事件：
onclick：單擊事件
ondblclick：雙擊事件
2）焦點事件
onblur：失去焦點
onfocus:元素獲得焦點。
3）加載事件：
onload：一張頁面或一幅圖像完成加載。
4）鼠標事件：
onmousedown 鼠標按鈕被按下。
onmouseup 鼠標按鍵被松開。
onmousemove 鼠標被移動。
onmouseover 鼠標移到某元素之上。
onmouseout 鼠標從某元素移開。
5）鍵盤事件：
onkeydown 某個鍵盤按鍵被按下。
onkeyup 某個鍵盤按鍵被松開。
onkeypress 某個鍵盤按鍵被按下并松開。
6）選擇和改變事件
onchange 域的內(nèi)容被改變。
onselect 文本被選中。
7）表單事件：
onsubmit 確認按鈕被點擊。
onreset 重置按鈕被點擊。
3.1、什么是事件的注冊（綁定）？
其實就是告訴瀏覽器，當事件響應后要執(zhí)行哪些操作代碼，叫事件注冊或事件綁定。
3.2、注冊事件的兩種方式（靜態(tài)注冊事件、動態(tài)注冊事件）
靜態(tài)注冊事件：通過 html 標簽的事件屬性直接賦于事件響應后的代碼，這種方式我們叫靜態(tài)注冊。
function sayHello() {
alert("hello js!");
}
<!--注冊事件的第一種方式，直接在標簽中使用事件句柄-->
<!--以下代碼的含義是：將sayHello函數(shù)注冊到鈕上，等待click事件發(fā)生之后，
該函數(shù)被瀏覽器調(diào)用。我們稱這個函數(shù)為回調(diào)函數(shù)。-->
<input type="button" value="hello" onclick="sayHello()"/>動態(tài)注冊事件： 是指先通過 js 代碼得到標簽的 dom 對象，然后再通過 dom 對象.事件名 =function(){}這種形式賦于事件響應后的代碼，叫動態(tài)注冊。
動態(tài)注冊基本步驟：
1、獲取標簽對象
2、標簽對象.事件名 =fucntion(){}
<!--第二種注冊事件的方式，是使用純JS代碼完成事件的注冊。-->
<input type="button" value="hello1" id="mybtn1"/>
<input type="button" value="hello2" id="mybtn2"/>
<input type="button" value="hello3" id="mybtn3"/>
<script type="text/javascript">
function dynamic(){
alert("動態(tài)注冊事件1");
}
// 第一步:先獲取這個鈕對象()
/*
document:是 JavaScript語 言 提 供 的 一 個 對 象 （ 文 檔 ), document是 JavaScript語 言 提 供 的 一 個 對 象 （ 文 檔 ),
get: 獲 取
Element:元 素 （ 就 是 標 簽
By:通 過 。 。 由 。 。 經(jīng) 。 。 。
Id: id 屬 性
getElementById: 通 過 id 屬 性 獲 取 標 簽 對
*/
var btnobj1 = document.getElementById("mybtn1");
// 第二步:給鈕對象的onclick屬性賦值
btnobj1.onclick = dynamic;// 注意:千萬別加小括號. btnObj.onclick = doSome();這是錯誤的寫法.
// 這行代碼的含義是,將回調(diào)函數(shù)doSome注冊到click事件上.
var btnobj2 = document.getElementById("mybtn2");
btnobj2.onclick = function(){// 這個函數(shù)沒名字,叫做匿名函數(shù),這個匿名函數(shù)也是一個回調(diào)函數(shù).
alert("動態(tài)注冊事件2");// 這個函數(shù)在頁面打開的時候只是注冊上,不會被調(diào)用,在click事件發(fā)生之后才會調(diào)用.
}
document.getElementById("mybtn3").onclick = function () {
alert("動態(tài)注冊事件3");
}
</script>通過keydown事件演示回車鍵13，ESC鍵27
<body>
<script type="text/javascript">
// 回車鍵的鍵值是13
// ESC鍵的鍵值是27
window.onload = function () {
/* var keyvalue = document.getElementById("key");
keyvalue.onkeydown = function (event) {
// 獲取鍵值對象
alert(event);// 什么鍵顯示都為[object KeyboardEvent]
// 對于“鍵盤事件對象"來說,都keyCode屬性用來獲取鍵值.
alert(event.keyCode);//回車鍵顯示13
}
*/
var keyvalue = document.getElementById("key");
keyvalue.onkeydown = function (event) {
if(event.keyCode == 13){
alert("正在進行驗證")
}
}
}
</script>
<input type="text" id="key"/>
</body>關于“javascript中常用的事件是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
