<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title></title>
</head>
<body>
<div>
????<input?type="button"?id="button1"?value="按鈕1"?onclick="main1()">
????<input?type="button"?id="button2"?value="按鈕2">
????<input?type="button"?id="button3"?value="按鈕3">
????<input?type="button"?id="button4"?value="按鈕4">
????<input?type="button"?id="button5"?value="按鈕5">
</div>
<script>
????function?main1(){
????????alert("hello?world!");
????}
????//html事件處理程序
????<!----DOM?0級(jí)事件處理程序----->
????var?x?=?document.getElementById("button2");//先獲取出元素，定義對(duì)象，取得Button2對(duì)象
????x.onclick=function?main2(){
????????alert("通過(guò)DOM?0級(jí)事件處理程序得到");
????};
????//這是通過(guò)DOM0級(jí)添加的事件！讓事件以對(duì)象的屬性的形式出現(xiàn)。給x添加onclick屬性
????x.onclick=null;
????<!----DOM?2級(jí)事件處理程序----->
????var?y?=?document.getElementById("button3");
????y.addEventListener('click',main1,false);
????y.addEventListener('click',function(){
????????alert(this.value);
????},false);
????y.removeEventListener('click',main1,false);
????<!----IE事件處理程序----->
????var?z?=?document.getElementById("button4");
????z.attachEvent('onclick',main1);
????z.detachEvent('onclick',main1);
????<!----跨瀏覽器處理程序----->
????var?eventUntil={
????????//添加語(yǔ)句
????????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;
????????????}
????????},
????????//刪除語(yǔ)句
????????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;
????????????}
????????}
????};
????eventUntil.addHandler(button5,'click',main1);
</script>
</body>
</html>
2016-08-09
var?button5?=?document.getElementById("button5"); var?eventUntil={ ????//添加語(yǔ)句在跨瀏覽器上面添加綁定button的代碼就可以了,樓上的別在這瞎說(shuō)誤人子弟
2016-08-09
19至40行的IE處理程序和下面的跨瀏覽器處理程序不能同時(shí)進(jìn)行測(cè)試哦，將中間的幾行注銷(xiāo)分開(kāi)測(cè)試就OK了