执行如下代码按钮1弹出两次hello，一次undefined，按钮2和按钮3弹出一次hello...

执行如下代码按钮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>

查看完整描述

2 回答

于治y2

TA贡献4条经验获得超0个赞

标准浏览器绑定和移除 ele.addEventListener、ele.removeEvent ,你的代码写法上有问题

反对回复 2016-06-06

蜂之谷

TA贡献564条经验获得超863个赞

btn3=addEventListener('click',showmessage,false); 这是什么鬼，能这么写么？

应该是btn3.addEventListener('click',showmessage,false);

反对回复 2016-06-04

慕粉3409988
这个是按照视频里讲的写的，这个执行起来没有问题，我执行代码的时候有个疑问是DOM2级事件明明获取的是input的id，为什么执行的时候会影响到相邻的input，不应该只有获取div的时候才能影响三个input吗

回复 2016-06-04

热搜

最近搜索清空

执行如下代码按钮1弹出两次hello，一次undefined，按钮2和按钮3弹出一次hello一次undefined，为什么呢？

执行如下代码按钮1弹出两次hello，一次undefined，按钮2和按钮3弹出一次hello一次undefined，为什么呢？

2 回答

添加回答