                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

没问题了

<!DOCTYPE html>
<html>
<head>
<title>浏览器兼容</title>
<meta charset="utf-8">
</head>
<body>
<div id="main">
<input type="button" id="btn1" value="按钮一" onclick="showme()"></input>
<input type="button" id="btn2" value="按钮二"></input>
<input type="button" id="btn3" value="按钮三"></input>
</div>
<script type="text/javascript">
//HTML 事件
function showme(){
alert("你好啊啊啊啊啊!");
}
//DOM 0级事件
/*var btn2=document.getElementById("btn2");
btn2.onclick=function(){
alert("btn222222");
}
btn2.onclick=null;*///删除onclick事件
//DOM 2级事件
/*btn3.addEventListener('click',showme,false);//添加事件
btn3.removeEventListener('click',showme,false);//删除事件*/

//IE事件处理事件
/*btn3.attachEvent('onclick',showme);//添加事件
btn3.detachEvent('onclick',showme);//删除事件*/

//浏览器兼容处理程序
var eventUntil={
//添加句柄
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}else{
element['on'+type]=handler;//element.onclic===element['onclick']
}
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener((type,handler,false));
}else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}else{
element['on'+type]=null;//element.onclic===element['onclick']
}
}
}
//调用
eventUntil.addHandler(btn3,'click',showme);

</script>
</body>
</html>