<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" value="按钮" id="bt"/>
<input type="button" value="解绑事件" id="bt2"/>
<script src="common.js"></script>
<script>
// //用什么方式绑定事件就要用什么方式解绑事件
// my$("bt").onclick = function () {
// alert("哈哈");
// };
// //事件解绑
// my$("bt2").onclick = function () {
// my$("bt").onclick = null;
// };
//第二种
//用这种方式绑定函数如果要解绑需要用命名函数
// function f1() {
// console.log("第一个");
// }
// function f2() {
// console.log("第二个");
// }
// my$("bt").addEventListener("click", f1, false);
// my$("bt").addEventListener("click", f2, false);
// //解绑函数
// my$("bt2").onclick = function () {
// my$("bt").removeEventListener("click", f1, false);
// };
//第三种
function f1() {
console.log("第一个");
}
function f2() {
console.log("第二个");
}
my$("bt").attachEvent("onclick", f1);
my$("bt").attachEvent("onclick", f2);
my$("bt2").onclick = function () {
my$("bt").detachEvent("onclick", f1);
};
/*
* 解绑事件:
* 第一种:
* 对象.on事件名字 = 事件处理函数----->绑定事件
* 对象.on事件名字 = null----->解绑事件
* 第二种:
* 对象.addEventListner("没有on的事件类型", 命名函数, false);----->绑定事件
* 对象.removeEventListner("没有on的事件类型", 命名函数, false);----->解绑事件
* 第三种:
* 对象.attachEvent("on事件名字",命名函数);
* 对象.detachEvent("on事件名字", 命名函数);
* */
</script>
</body>
</html>
