ethanhinson/event-bubbling.html

## event-bubbling.html
<!doctype html>
<html>
<head>
  <title>Event Bubbling</title>
  <script type="text/javascript">
    window.onload = function() {
      var div1 = document.querySelector("#div1");
      var div2 = document.querySelector("#div2");

      div1.addEventListener("click", function (event) {
        alert("you clicked on div 1");
      }, true);

      div2.addEventListener("click", function (event) {
        alert("you clicked on div 2");
      }, false);
    };
  </script>
  <style>
    #div1 {
      background-color:red;
      padding: 24px;
    }
    #div2 {
      background-color:green;
    }
  </style>
</head>
<body>
<div id="div1">
  div 1
  <div id="div2">
    div 2
  </div>
</div>
</body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>Event Bubbling</title>
	<script type="text/javascript">
	window.onload = function() {
	var div1 = document.querySelector("#div1");
	var div2 = document.querySelector("#div2");

	div1.addEventListener("click", function (event) {
	alert("you clicked on div 1");
	}, true);

	div2.addEventListener("click", function (event) {
	alert("you clicked on div 2");
	}, false);
	};
	</script>
	<style>
	#div1 {
	background-color:red;
	padding: 24px;
	}
	#div2 {
	background-color:green;
	}
	</style>
	</head>
	<body>
	<div id="div1">
	div 1
	<div id="div2">
	div 2
	</div>
	</div>
	</body>
	</html>