执行如下代码按钮1弹出两次hello，一次undefined，按钮2和按钮3弹出一次hello一次undefined，为什么呢？
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>事件流</title>
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn" onclick="showmessage()">
<input type="button" value="按钮2" id="btn2">
<input type="button" value="按钮3" id="btn3">
</div>
<script>
function showmessage(){
alert('Hello');
}
var btn2=document.getElementById('btn2');
var btn3=document.getElementById('btn3');
//DOM0级事件
btn2.onclick=function(){
alert('这是通过DOM0级添加的事件');
}
btn2.onclick=null;
//DOM2事件
btn3=addEventListener('click',showmessage,false);
btn3=addEventListener('click',function(){
alert(this.value);
},false);
//删除事件
//btn3=removeEventListener('click',showmessage,false);
</script>
</body>
</html>
慕粉34099882回答
-
于治y2
标准浏览器绑定和移除 ele.addEventListener、ele.removeEvent ,你的代码写法上有问题 -
蜂之谷
btn3=addEventListener('click',showmessage,false); 这是什么鬼，能这么写么？应该是btn3.addEventListener('click',showmessage,false);
随时随地看视频慕课网APP
相关分类
JavaScript