版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chenguanghan123/article/details/88421868
很简单的都在代码里面了直接上代码吧
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="JavaScript.js"></script>
</head>
<body>
<input type="button" value="狗子" id="btn" />
<input type="button" value="狗子2" id="btn2" />
<script>
/**解绑事件
* 用什么方式绑定事件，就要用什么方式解绑事件
* 第一种方式
* 对象.on事件名=事件处理函数--------绑定事件
* 对象.on事件名=null--------解除绑定
*/
my$("btn").onclick = function () {
console.log("猥琐狗");
};
my$("btn2").onclick = function () {
my$("btn").onclick = null;
};
/**解绑事件
* 第二种方式
* 对象.addEventListener("没有on的事件类型", 命名函数, false)--------绑定事件
* 对象..removeEventListener("没有on的事件类型", 命名函数, false)--------解除绑定
*/
//绑定事件
//命名函数
function f1() {
console.log("第一个")
};
//命名函数
function f2() {
console.log("第二个")
}
my$("btn").addEventListener("click", f1, false)
my$("btn").addEventListener("click", f2, false)
//解除绑定
my$("btn2").onclick = function () {
//该方法解绑事件的时候，需要在绑定事件的时候使用命名函数
my$("btn").removeEventListener("click", f1, false);
};
</script>
</body>
</html>