1. 程式人生 > >事件冒泡,事件捕獲和事件委托

事件冒泡,事件捕獲和事件委托

onclick .get function cli ren 技術分享 image html www

  <div id="parent" onclick="checkCookie()">
    <div class="child" id="child"></div>
  </div>
    document.getElementById(‘parent‘).addEventListener(‘click‘,function(e){
      console.log(e)
      console.log(this.id + ‘被觸發‘)

    },true);
    document.getElementById(
‘child‘).addEventListener(‘click‘, function(e){ console.log(e) console.log(this.id + ‘被觸發‘) },true )

事件冒泡:4-7

事件捕獲:1-4

技術分享圖片

https://www.cnblogs.com/Chen-XiaoJun/p/6210987.html

事件冒泡,事件捕獲和事件委托