标签:class on() get move rem tac div dev listen
为元素绑定事件有3种方式:
1、最常见的绑定方式:
document.getElementById("btn").onclick=function(){};
2、非IE浏览器 element.addEventListener(type,fn,false)
(布尔值====true表示捕获,false表示冒泡,一般用false):
document.getElementById("btn").addEventListener("click",function(){};false);
3、IE浏览器下的事件绑定 element.attachEvent("on"+type,fn)
document.getElementById("btn").attachEvent("onclick",function(){});
==================为元素(element)绑定事件的兼容代码:=======================
1 function addEventListener(element,type,fn){
2 if(element.addEventListener){
3 element.addEventListener(type,fn,false);
4 }else if(element.attachEvent){
5 element.attachEvent("on"+type,fn);
6 }else{
7 element["on"+type]=fn;
8 }
9
10 }
为元素解除绑定有3种方式:
1、普通方式:
document.getElementById("btn").onclick=null;
2、非IE浏览器 element.removeEventListener(type,fName,false)
(布尔值====true表示捕获,false表示冒泡,一般用false):
document.getElementById("btn").removeEventListener("click",fName,false);
3、IE浏览器 element.detachEvent("on"+type,fName)
document.getElementById("btn").detachEvent("onclick",fName);
==================为元素(element)解绑事件的兼容代码:=======================
1 function removeEventListener(element,type,fName){
2 if(element.removeEventListener){
3 element.removeEventListener(type,fName,false);
4 }else if(element.detachEvent){
5 element.detachEvent("on"+type,fName);
6 }else{
7 element["on"+type]=null;
8 }
9 }
标签:class on() get move rem tac div dev listen
原文地址:https://www.cnblogs.com/fyy-new/p/9274371.html