<!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>
JavaScript事件解绑的方式
猜你喜欢
转载自www.cnblogs.com/cuilichao/p/9387554.html
今日推荐
周排行