Event bubbling simple example

Event bubbling simple example

by Destan Sarpkaya

HTML

<main>

MAIN

  <div>
  DIV
  </div>
</main>

JavaScript

var div = document.querySelector('div')
var main = document.querySelector('main')

div.addEventListener("click", function(e){
	alert('div')
  //e.stopPropagation();

})

main.addEventListener("click", function(){
	alert('main')
}, /* true */) // uncomment true to see capturing