溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了javascript中有哪些事件處理方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
javascript中事件處理的方法有：1、在標簽的事件屬性中添加事件，語法“<標簽名 事件屬性名="事件處理程序">”；2、使用事件源的事件屬性綁定事件處理函數，語法“事件源對象.on事件名 = 事件處理函數”。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
javascript事件處理的方法
方法1、在標簽的事件屬性中添加事件
使用HTML標簽的事件屬性綁定處理程序。需要注意的是，使用 HTML 標簽的事件屬性綁定事件處理程序的方式時，事件屬性中的腳本代碼不能包含函數聲明，但可以是函數調用或一系列使用分號分隔的腳本代碼。
示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
function printName(){
var name = "張三";
alert(name);
}
</script>
</head>
<body>
<input type="button" onClick="printName()" value="事件綁定測試"/>
</body>
</html>方法2、使用事件源的事件屬性綁定處理程序
使 HTML 和 JS 分離的其中一種方式是通過使用事件源的事件屬性綁定事件處理函數，綁定格式如下：
obj.on事件名 = 事件處理函數
格式中的 obj 為事件源對象。綁定的事件程序通常為一個匿名函數的定義語句，或者是一個函數名稱。
事件源的事件屬性綁定處理程序示例：
oBtn.onclick = function(){//oBtn為事件源對象，它的單擊事件綁定了一個匿名函數定義
alert('hi')
};示例：使用事件源的事件屬性綁定事件處理函數。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
window.onload = function(){//窗口加載事件綁定了一個匿名函數
//定義一個名為fn的函數
function fn(){
alert('hello');
}
//獲取事件源對象
var oBtn1 = document.getElementById("btn1");
var oBtn2 = document.getElementById("btn2");
//綁定一個匿名函數
oBtn1.onclick = function(){
alert("hi");
}
//綁定一個函數名
oBtn2.onclick = fn;
};
</script>
</head>
<body>
<input type="button" id="btn1" value="綁定一個匿名函數">
<input type="button" id="btn2" value="綁定一個函數名">
</body>
</html>感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript中有哪些事件處理方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
