html或原生js是单一对应绑定的,JS---DOM---为元素绑定事件和解绑事件的兼容代码...

1. 绑定事件的兼容

function addEventListener(element,type,fn) {

if(element.addEventListener){

element.addEventListener(type,fn,false);

}else if(element.attachEvent){

element.attachEvent("on"+type,fn);

}else{

element["on"+type]=fn;

}

}

2. 解绑事件的兼容

function removeEventListener(element,type,fnName) {

if(element.removeEventListener){

element.removeEventListener(type,fnName,false);

}else if(element.detachEvent){

element.detachEvent("on"+type,fnName);

}else{

element["on"+type]=null;

}

测试解绑时间的兼容：

//解绑事件的兼容

//为任意的一个元素,解绑对应的事件

function removeEventListener(element, type, fnName) {

if (element.removeEventListener) {

element.removeEventListener(type, fnName, false);

} else if (element.detachEvent) {

element.detachEvent("on" + type, fnName);

} else {

element["on" + type] = null;

}

}

function f1() {

console.log("测试兼容第一个");

}

function f2() {

console.log("测试兼容第二个");

}

addEventListener(my$("btn1"), "click", f1);

addEventListener(my$("btn1"), "click", f2);

my$("btn2").onclick = function () {

removeEventListener(my$("btn1"), "click", f1);

};

js进阶---12-10、jquery绑定事件和解绑事件是什么

js进阶---12-10.jquery绑定事件和解绑事件是什么 一.总结 一句话总结:on和off. 1.jquery如何给元素绑定事件? on方法 22 $('#btn1').on('click', ...

jquery-10 jquery中的绑定事件和解绑事件的方法是什么

jquery-10 jquery中的绑定事件和解绑事件的方法是什么 一.总结 一句话总结:bind(); unbind(); one(); 1. jquery中的绑定事件和解绑事件的方法是什么? bi ...

从零开始学 Web 之 DOM(六)为元素绑定与解绑事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... +-------------------------------------------------------- ...

js绑定事件和解绑事件

在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性 attachEvent方法  只支持IE678,不兼容其他浏览器 addEv ...

jq 绑定事件和解绑事件