亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

前端Js基礎面試題

前端Js基礎面試題

慕標5832272 2018-07-30 23:14:27
誰能解釋下,為何這段代碼的彈出結果是test1,test2,test4,以及出題者的意圖是什么,涉及的知識面是哪些。為何 test4會覆蓋 test3test2卻不會覆蓋test1注冊事件和下面的區別是啥.......希望能得到深刻的回答。<div id="test">test</div><script type="text/javascript">    var btn = document.getElementById("test");    btn.addEventListener("click",function(e){        alert("test1");    },false);    btn.addEventListener("click",function(e){        alert("test2");    },true);    btn.onclick=function(e){        alert("test3");    }    btn.onclick=function(e){        alert("test4");    }</script>
查看完整描述

2 回答

?
有只小跳蛙

TA貢獻1824條經驗 獲得超8個贊

test1 和 test2 是DOM 2級事件綁定,考察的主要有兩點:
1)事件捕獲和事件冒泡
2)DOM 2級規定可以為同一個元素綁定多個事件處理程序,綁定的事件處理程序會按照它們添加的先后順序依次觸發。而 DOM0 級只能添加一個事件處理程序,后添加的會覆蓋先添加的。這也是test4會覆蓋掉test3的原因。

寫過一篇關于事件的文章,可以看看哈~ [學習筆記] 事件


PS. 雖然 test2 是在事件捕獲階段觸發的,但事件處理程序是按綁定順序執行的,所以是先 test1 后 test2


查看完整回答
反對 回復 2018-08-05
  • 2 回答
  • 0 關注
  • 1922 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號