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

Hasty Treat - Things You Should Know About Javascript Events

Syntax - Tasty Web Development Treats