4.14 事件冒泡機制與事件物件

click 事件與冒泡機制

所謂「冒泡機制」，就是當 click 事件觸發之後，該 click 事件會往父元素傳遞。

若要停掉「冒泡機制」的情況，可使用事件物件當中的：

var div_parent_block = document.getElementsByClassName("parent_block")[0];
div_parent_block.addEventListener("click", function(e){
  e.stopPropagation();
});

例：

實際例子：燈箱