为什么写上 btn2.onclick=null;后，三个按钮都不能触发事件了？用DOM2级的removeEventListener()方法也是

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM事件</title>
<style>
  #btn2{
   font-size:25px;
   background-color:blue;
  }
  #btn3{
   font-size:25px;
   background-color:red;
  }
  #btn{
   font-size:25px;
   background-color:yellow;
  }
</style>
</head>
<body>
<div id="box">
<input type="button" value="按钮1" id="btn" onclick="showMes()">
<input type="button" value="按钮2" id="btn2">
<input type="button" value="按钮3" id="btn3">
</div>
<script>
function showMes(){
alert("通过HTML添加事件");
}
var btn=document.getElementById('btn');
var btn2=document.getElementById('btn2');
var btn3=document.getElementById('btn3');

btn2.onclick=function(){     //DOM0级
alert("通过DOM0级添加事件");
}
btn2.onclick=null;
btn3.addEventListener('click',showMes,false);//DOM2级
btn3.addEventListener('click',function(){
alert(this.value);},false)

//btn3.removeEventListener('click'showMes,false);

</script>
</body>

</html>

狼与香辛料

浏览 1160回答 1

1回答

FSYu

btn3.removeEventListener('click',showMes, false);是因为click后面没有写逗号出现了错误btn2的点击事件清空了所以不生效，其他两个都是正常的

随时随地看视频慕课网APP