Hasty Treat - Things You Should Know About Javascript Events

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 Javascript30

BeginnerJavascript

Tweet us your tasty treats! Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets