首頁猿問執(zhí)行如下代碼按鈕1彈出兩次hell...

執(zhí)行如下代碼按鈕1彈出兩次hello，一次undefined，按鈕2和按鈕3彈出一次hello一次undefined，為什么呢？

JavaScript

慕粉3409988 2016-06-04 15:22:56

<!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條經(jīng)驗獲得超0個贊

標準瀏覽器綁定和移除?ele.addEventListener、ele.removeEvent ?,你的代碼寫法上有問題

反對回復(fù) 2016-06-06

蜂之谷

TA貢獻564條經(jīng)驗獲得超863個贊

btn3=addEventListener('click',showmessage,false); ?這是什么鬼，能這么寫么？

應(yīng)該是btn3.addEventListener('click',showmessage,false);

反對回復(fù) 2016-06-04

慕粉3409988
這個是按照視頻里講的寫的，這個執(zhí)行起來沒有問題，我執(zhí)行代碼的時候有個疑問是DOM2級事件明明獲取的是input的id，為什么執(zhí)行的時候會影響到相鄰的input，不應(yīng)該只有獲取div的時候才能影響三個input嗎

回復(fù) 2016-06-04