                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

沒(méi)問(wèn)題了

<!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級(jí)事件
?/*var btn2=document.getElementById("btn2");
?btn2.onclick=function(){
? alert("btn222222");
?}
?btn2.onclick=null;*///刪除onclick事件
//DOM 2級(jí)事件
?/*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']
? }
? }
?}
?//調(diào)用
?eventUntil.addHandler(btn3,'click',showme);

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