1.DOM EventListener:
方法:addEventListener();
removeEventListener();
2.addEventListener():
方法用于向指定元素添加句柄
3.removeEventListener():
移除方法添加的事件句柄
简单事例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM EventListener</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<button id="btn" >button</button>
<script>
var x= document.getElementById("btn");
x.addEventListener("click",hello);//添加句柄第一个参数为触发事件,第二个为函数
x.addEventListener("click",girl);
x.removeEventListener("click",girl);
function hello() {
alert("hello")
}
function girl() {
alert("i am a girl");
}
</script>
</body>
</html>