1. 程式人生 > >新增事件控制代碼和移除事件控制代碼使用方法

新增事件控制代碼和移除事件控制代碼使用方法

<!DOCTYPE html>
<html>
<head>
<title>新增與移除事件控制代碼</title>
</head>
<body>
<button id="btn">按鈕</button>
<script>
//DOM EventListener:
//方法: addEventListener();//方法用於向指定元素新增事件控制代碼
  // removeEventListener();//移除方法新增的事件控制代碼

控制代碼作用:控制代碼之間不會覆蓋,依次彈出來
var x = document.getElementById('btn');
x.addEventListener("click",hello
);
x.addEventListener("click",world);
x.removeEventListener("click",hello);


function hello() {
alert("hello");
}


function world() {
alert("world");
}
</script>
</body>
</html>