                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

為什么我的刷新一次會出現(xiàn)提示框，按鈕3不起作用，哪里寫錯了啊？

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>
</head>
<body>
? ?<div id="box">
? ? ? <input type="button" value="按鈕" id="btn" onclick="alert('hello')">
? ? ? ?<input type="button" value="按鈕2" id="btn2">
? ? ? ?<input type="button" value="按鈕3" id="btn3">
? ?</div>
? ?<script>
? ? ? ?//DOM0事件
function ?showMes(){
? ? ? ? ? ?alert('hello world!');
? ? ? ?}
? ? ? ?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.addEventListener('click',function(){
? ? ? ? ? ?alert(this.value);
? ? ? ?},false);
? ? ? ?//刪除事件
? ? ? ?btn3.removeEventListener('click',showMes,false);*/

? ? ? ?//跨瀏覽器事件處理程序
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(btn3,'click',showMes());
? ?</script>
</body>
</html>