<input type="button" value="button1" id="button" onclick="show()"><input type="button" value="button2" id="bt2"><input type="button" value="button3" id="bt3"><script type="text/javascript">// HTML事件??? function show (){?????? alert("hello");??? }??? var b2=document.getElementById('bt2');??? var b3=document.getElementById('bt3');??? // DOM0級事件??? b2.onclick=function(){?? ??? ?alert("這是通過DOM0級添加的事件");??? }?? // b.onclick=null;刪除事件?? // DOM2級事件/*b3.addEventListener('click',show,false);// b3.removeEventListener('click',show,false);刪除事件b3.addEventListener('click',function()?????????????????? {alert(this.value)},false);*//*IE事件b3.attachEvent('onclick',show);b3.detachEvent('onclick',show);*///跨瀏覽器解決,封裝到對象eventUtil中，有兩個參數(shù)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;????? }? }}???? eventUtil.addHandler('b3','click',show);