<!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("好好學習");?? ??? ?};?? ??? ?//DOM0級事件處理程序?? ??? ?var btn2=document.getElementById("btn2");?? ??? ?var btn3=document.getElementById("btn3");?? ??? ??? ?btn2.onclick=function(){?? ??? ??? ?alert("這是通過DOM0級添加的事件");?? ??? ?}?? ??? ? //btn2.onclick=null;?? ??? ? // //DOM2級事件?? ??? ? ??? ??? ? // //? btn3.addEventListener('click',showmes,false);?? ??? ? // //? btn3.removeEventListener('click',function(){?? ??? ? // // ??? ?alert("DOM2級移除事件")?? ??? ? // // },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;?? ??? ? ?? ??? ?}?? ??? ? ?? ?},?? ??? ? ?? ?刪除句柄?? ??? ? ?? ?removerHandle: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>
4 回答
- 4 回答
- 0 關注
- 1661 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消