绑定事件及解绑事件

注意：用什么方式绑定的，就必须用什么方式解绑；
//为按钮取消点击事件，方式1
my$("btn").οnclick=function () {
console.log("诱惑");
}
my$("btn2").οnclick=function () {
my$("btn").οnclick=null;
}

//为按钮解绑方式2----适合火狐和谷歌以及IE11，不适合IE8
function f1() {//绑定事件
console.log("第一个");
}
function f2() {
console.log("第二个");
}
my$("btn").addEventListener("click",f1,false);
my$("btn").addEventListener("click",f2,false);
my$("btn2").οnclick=function () {
my$("btn").removeEventListener("click",f2,false);//解绑方法
}

//IE8专用绑定及解绑方式
function f1() {
console.log("第一个");
}
function f2() {
console.log("第一个");
}
my$("btn").attachEvent("onclick",f1);
my$("btn").attachEvent("onclick",f2);
my$("btn2").οnclick=function () {
my$("btn").detachEvent("onclick",f2);
}

//绑定事件的兼容代码
function addEventListener(element,type,fn){
if(element.addEventListener()){
element.addEventListener(type,fn,false);
}if(element.attachEvent){
element.attachEvent(type,fn);
}else{
element["on"+type]=fn;
}
}
//解绑事件的兼容代码
function removeEventListener(element,type,fnName){
if(element.removeEventListener()){
element.removeEventListener(type,fnName,false);
}if(element.detachEvent){
element.detachEvent(type,fnName);
}else{
element["on"+type]=null;
}
}

最后

以上就是傻傻花卷为你收集整理的绑定事件及解绑事件的全部内容，希望文章能够帮你解决绑定事件及解绑事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。