addEventListener() 方法用于向指定元素添加事件句柄。
addEventListener() 方法添加的事件句柄不會覆寫已存在的事件句柄。
你可以向一個元素添加多個事件句柄。
你可以向同個元素添加多個同類型的事件句柄，如：兩個 "click" 事件。
你可以向任何 DOM 對象添加事件監聽，不僅僅是 HTML 元素。如： window 對象。
addEventListener() 方法可以更簡單的控制事件（冒泡與捕獲）。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p>該執行個體使用 addEventListener() 方法向同個按鈕中添加兩個點選事件。</p>
<button id="myBtn">點我</button>
<script>
var x = document.getElementById("myBtn");
for(var i = 0;i < 3;i++){
//内部函數
x.addEventListener("click", function(){ alert("hhh");});
//内部函數調用匿名函數
x.addEventListener("click", function(){
myFunParam(2,3);
});
//調用函數再調用匿名函數
x.addEventListener("click",myFunctionParam);
//調用函數
x.addEventListener("click", myFunction);
}
function myFunction() {
alert ("Hello World!")
}
function myFunParam(a,b){
alert(a + b);
}
function myFunctionParam(){
myFunParam(3,4);
}
</script>
</body>
</html> ![Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)