BROADCASTS.com

b'

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\\xa0prismic.io/syntax.

Show Notes

02:23 - Event bubbling

• Some events bubble, some don\\u2019t
• Clicks bubble
• Mouseevents bubble
• Focus doesn\\u2019t 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\\u2019s Instagram
• LevelUpTutorials Instagram
• Wes\\u2019 Instagram
• Wes\\u2019 Twitter
• Wes\\u2019 Facebook
• Scott\\u2019s Twitter
• Make sure to include\\xa0@SyntaxFM\\xa0in your tweets