绑定事件及解绑事件

注意：用什么方式绑定的，就必须用什么方式解绑；
//为按钮取消点击事件，方式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;
}
}

最后

以上就是傻傻花卷最近收集整理的关于绑定事件及解绑事件的全部内容，更多相关绑定事件及解绑事件内容请搜索靠谱客的其他文章。