JavaScript（js）监听兼容优化代码

发表于 | 更新于 | 分类于 | 评论数：

关于js监听代码与兼容 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
//添加事件监听兼容函数  
function addHandler(target, eventType, handler){  
    if(target.addEventListener){//主流浏览器  
        addHandler = function(target, eventType, handler){  
            target.addEventListener(eventType, handler, false);  
        };  
    }else{//IE  
        addHandler = function(target, eventType, handler){  
            target.attachEvent("on"+eventType, handler);  
        };        
    }  
    //执行新的函数  
    addHandler(target, eventType, handler);  
}  
// //删除事件监听兼容函数  
// function removeHandler(target, eventType, handler){  
//     if(target.removeEventListener){//主流浏览器  
//         removeHandler = function(target, eventType, handler){  
//             target.removeEventListener(eventType, handler, false);  
//         }         
//     }else{//IE  
//         removeHandler = function(target, eventType, handler){  
//             target.detachEvent("on"+eventType, handler);  
//         }         
//     }  
//     //执行新的函数  
//     removeHandler(target, eventType, handler);  
// }
addHandler(document.getElementById("xzlx"),"click",function(event){
	var target=event.target;
	if(target.value=="website"){
		document.getElementById("wenzzh").style.display="none";
		document.getElementById("wanzzh").style.display="";
	}else if(target.value=="article"){
		document.getElementById("wenzzh").style.display="";
		document.getElementById("wanzzh").style.display="none";
	}
});