Hasty Treat - Things You Should Know About Javascript Events - a podcast by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

from 2020-05-04T13:00

:: ::

In this Hasty Treat, Scott and Wes talk about javascript events, and how to avoid some common pitfalls!

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

Show Notes

02:23 - Event bubbling

  • Some events bubble, some don’t
  • Clicks bubble
  • Mouseevents bubble
  • Focus doesn’t bubble

04:10 - Event capturing

  • Capture: down, bubble up
  • Canceling: prevent default
  • target` vs currentTarget
  • currentTarget is what got clicked
  • target is what you listened for the click on
  • event.isTrusted
  • addEventListener once: true

Links

Tweet us your tasty treats!

Further episodes of Syntax - Tasty Web Development Treats

Further podcasts by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Website of Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers