richardgill/example.md

Created August 25, 2017 10:29

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/richardgill/89559f92c0a3bf82b4b23ca8125eefb3.js"></script>
Save richardgill/89559f92c0a3bf82b4b23ca8125eefb3 to your computer and use it in GitHub Desktop.

Event propogation example

Raw

<div id=1 onClick=(e) => {
  console.log(1)
}>
  <div id=2 onClick=(e) => {
    console.log(2)
  }>
   2
  </div>
  1
</div>

If you click on div 2.

prints:

2
1

<div id=1 onClick=(e) => {
  console.log(1)
}>
  <div id=2 onClick=(e) => {
    console.log(2)
    e.preventDefault()
  }>
   2
  </div>
  1
</div>

If you click on div 2.

prints: