为元素绑定事件和解绑事件的兼容代码
程序员文章站
2023-03-26 22:28:49
绑定事件的兼容代码
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); };
上一篇: Bootstrap源码解读表单(2)
下一篇: IDEA实用插件推荐及使用方法详解
推荐阅读
-
jquery如何使用undelegate去掉用delegate为动态创建元素绑定的事件?
-
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
-
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
-
为元素绑定事件和解绑事件的兼容代码
-
Web API---DOM---为元素绑定事件的引入,为元素绑定多个代码,兼容代码
-
js 任意元素解绑任意事件的兼容代码
-
JS---DOM---为元素绑定事件和解绑事件的兼容代码
-
jquery:为动态加载的元素绑定事件
-
[前端] 代码中执行绑定元素的指定事件trigger方法
-
jquery如何使用undelegate去掉用delegate为动态创建元素绑定的事件?