简单的理解事件冒泡与事件捕获

例如下面的图中外面的绿色的框为父级（parent），里面的橙色框为子级(child)

 var parent = document.getElementsByClassName("block_P")[0];
    var child = document.getElementsByClassName("block_C")[0];
    parent.onclick=function() {//给父级创建了一个点击事件
        console.log("我是父级");
    };

在上面的代码中表示点击绿色区域时会输出“我是父级”，但是在点击橙色框子时也会输出“我是父级”，这就可以理解为冒泡事件，即点即子级时会触发父亲的事件，由里向外去触发事件。
反之父级去执行给子级绑定的事件时就是事件的捕获