为元素绑定事件和解绑事件的兼容代码
程序员文章站
2022-05-28 21:26:45
绑定事件的兼容代码
function addeventlistener(element,type,fn) {
if (element.addeve...
绑定事件的兼容代码
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; } };
解绑事件的兼容代码
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$("btn"),"click",f1); addeventlistener(my$("btn"),"click",f2); my$("btn1").onclick=function () { removeeventlistener(my$("btn"),"click",f1); };
上一篇: js监听鼠标的滚轮滚动事件教程