坏老鼠在哪里,我怎么看不见,出不来警告框啊

来源:3-1 DOM中的事件对象

qq_看脸_0

2015-08-31 23:33

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<script>

var handler=function(){

alert(this.value);

}

var btn=document.getElementById("btn2");

//btn.addEventListener("click",handler,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(btn,'click',handler);


</script>

</head>

<body>

<form action="">

<!-- <input type="button" value="Click me" onclick="try{showMessage();}catch(ex)()"> -->

<input type="button" value="button2" id="btn2">

</form>

</body>

</html>


写回答 关注

2回答

  • flyingjoer
    2015-11-30 09:07:26

    或者将上面的script中的内容用window.onload封装

  • 人鬼情未了
    2015-11-20 10:48:24

    <script> ...........</script>应该放在body里面的<form></form>的后面,不然element的值为null。

    564e89f1000133b605000498.jpg

    564e89f2000178cd05000215.jpg


DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99545 学习 · 1197 问题

查看课程

相似问题