事件机制

事件流是一个事件沿着特定数据结构传播的过程。冒泡和捕获是事件流在DOM中两种不同的传播方法
事件流有3个阶段

• 事件捕获
  当触发dom事件时，浏览器会从根节点开始由外到内进行事件传播。如果点击了子元素，父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。
• 处于目标
• 事件冒泡
  与事件捕获恰恰相反，事件冒泡是由内到外进行事件传播，直到根节点。
  

捕获和冒泡

<div id="div1">
  <div id="div2"></div>
</div>

<script>
    let div1 = document.getElementById('div1');
    let div2 = document.getElementById('div2');
    
    div1.onClick = function(){
        alert('1')
    }
    
    div2.onClick = function(){
        alert('2');
    }

</script>