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