<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
</head>
<body>
<input?type="button"?value="按鈕1"?onclick="message()">?????
<!使用html事件處理程序，改動時需要改動倆處!>
<input?type="button"?value="按鈕2"?id="bn1">?????????????????
<!使用DOM0級事件處理程序，此時只需改動一處，且能添加多個事件處理程序!>
<input?type="button"?value="按鈕3"?id="bn2">
<script>
var?bn1=document.getElementById("bn1");
var?bn2=document.getElementById("bn2");
function?message(){
alert("我只是個按鈕哦");
}
??bn1.onclick?=?functiom(){
?alert("ddd");???};
//DOM0級事件處理程序,取消可寫bn1.onclick=null
//bn2.addEventListener('click',message,flase);
//DOM2級事件處理程序，當(dāng)處理捕獲事件流用true，冒泡事件流時用flase
//取消：bn2.removeEventListener('click',message,flsae)
//bn2.attachEvent('onclick',message);
//這是ie瀏覽器中的DOM2級事件處理程序
//ie中默認(rèn)支持冒泡事件流，所以不需要布爾值參數(shù)
//取消用：deltachEvent("onclick",message());
//跨瀏覽器事件處理程序
var?EventHandle={
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addeventListener(type,handler,flase);
}
else?if(element.attachEvent){
element.attachEvent('on'+type,handler);
}
else{element['on'+type]=headler;
}
}
,
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;
}
}
}
EventHandle.addHandler(bn2,'click',message);
</script>
</body>
</html>
我這個跨瀏覽器處理事件的程序里按鈕怎么都沒反應(yīng)
lulubiu
2017-04-24 19:17:21