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

哪里錯(cuò)了，實(shí)在是找不出來了

<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="utf8">
?? ?<title>跨瀏覽器解決</title>

</head>
<body>
?? ?<div id="box">
?? ??? ?<input type="button" value="按鈕1" id="btn1" onclick="showmes()"></input>
?? ??? ?<input type="button" value="按鈕2" id="btn2"></input>
?? ??? ?<input type="button" value="按鈕3" id="btn3"></input>

?? ?</div>

?? ??? ?<script type="text/javascript">
?? ?//HTML事件處理程序
?? ??? ?function showmes() {
?? ??? ??? ?alert("好好學(xué)習(xí)");
?? ??? ?};
?? ??? ?//DOM0級(jí)事件處理程序
?? ??? ?var btn2=document.getElementById("btn2");
?? ??? ?var btn3=document.getElementById("btn3");?? ?
?? ??? ?btn2.onclick=function(){
?? ??? ??? ?alert("這是通過DOM0級(jí)添加的事件");
?? ??? ?}
?? ??? ? //btn2.onclick=null;
?? ??? ? // //DOM2級(jí)事件
?? ??? ? ?
?? ??? ? // //? btn3.addEventListener('click',showmes,false);
?? ??? ? // //? btn3.removeEventListener('click',function(){
?? ??? ? // // ??? ?alert("DOM2級(jí)移除事件")
?? ??? ? // // },flase);
?? ??? ? // //IE事件處理流
?? ??? ? // btn3.attachEvent('onclick',showmes)
?? ??? ? // btn3.detachEvent('onclick',shoumes)
?? ??? ? var eventUtil={
?? ??? ? ?? ?//添加句柄
?? ??? ? ?? ?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;
?? ??? ? ?? ??? ?}
?? ??? ? ?? ?},
?? ??? ? ?? ?刪除句柄
?? ??? ? ?? ?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.onclick===element['onclick']
?? ??? ? ?? ? ?? ?}
?? ??? ? ?? ? }
?? ??? ? }
?? ??? ?eventUtil.addHandler(btn3,'click',showmes)
?? ??? ?</script>

</body>
</html>