不知道哪里出問題了，跨瀏覽器時點擊按鈕沒反應
<!DOCTYPE html>
<html>
<head>
<title>DOM事件處理程序</title>
<meta charset="utf-8">
</head>
<body>
<!--HTML事件處理程序-->
<input type="button" name="btn1" id="btn1" value="按鈕" onclick="message()">
? ? <!--DOM0事件處理程序-->
<input type="button" name="btn2" id="btn2" value="按鈕1">
<input type="button" name="btn3" id="btn3" value="按鈕2">
<script type="text/javascript">
function message(){
alert("hello");
}
//DOM0事件處理程序
var btn2=document.getElementById("btn2")
btn2.onclick=function(){
alert("helloworld！");
}
//DOM2事件處理程序
var btn3=document.getElementById("btn3");
//btn3.addEventListener('click',message,false);
//btn3.removeEventListener('click',message,false);
//IE事件處理程序
//btn3.attachEvent('onclick',message);
//btn3.detacheEvent('onclick',message);
//跨瀏覽器事件處理程序
var eventUntil={
//添加句柄
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;
}
}
}
eventUntil.addHandler(btn3,'click',message);
</script>
</body>
</html>
2016-08-24
謝謝！
2016-08-23
第36行，addHandler后邊應該是冒號，我們要寫的是addHandler的方法而不是屬性