egghead.io
Download
Turn autoplay on
Autoplay
Course
Your Ultimate Guide to Understanding DOM Events
1
Introduction to the DOM Events Course
1m 5s
2
High-Level DOM Events Concepts
3m 13s
3
Listen to Events using HTML Attribute Event Handlers
9m 13s
4
Listen to Events using Object Property Event Handlers
4m 46s
5
Understand the Relationship Between HTML Attribute and Object Property Event Handlers
3m 47s
6
Add an Event Listener with addEventListener
10m 51s
7
Remove an Event Listener with removeEventListener
5m 58s
8
Choose an Event Listener Mechanism
1m 20s
9
The Execution Order of Event Listeners
3m 59s
10
The Execution Order of Event Listeners in the Target Phase
1m 44s
11
The Event Object
9m 57s
12
Log Events to the Console
1m 47s
13
Cancel Events
8m 34s
14
Cancel Bespoke Events
3m 59s
15
Stop Events
6m 24s
16
The Event Delegation Pattern
5m 48s
17
Create and Dispatch Synthetic Events
11m 48s
18
Deprecated Event Creation Mechanisms
2m 12s
19
Events are Dispatched Synchronously
3m 52s
20
Add and Remove Event Listeners while an Event is Dispatching
1m 55s
21
DOM Events and the Event Loop
2m 11s
22
DOM Events and Microtasks
4m 58s
23
Improve Scroll Performance with Passive Event Listeners
6m 56s
24
Default Passive Values on the Body Element
1m 16s
25
Synchronous and Asynchronous Events (Ordered and Unordered Events)
2m 16s
26
Window Reflecting Body Element Event Handlers
3m 22s
27
Debug and Inspect Event Listeners with Chrome Developer Tools
4m 19s
28
Debug Event Listener Performance with Chrome Developer Tools
2m 13s
Window Reflecting Body Element Event Handlers
Instructor
Alex Reardon
JavaScript
Share this video with your friends
Send Tweet
Copy link
to clipboard
Some event handlers attached to the
<body>
act as if they were attached to the
window
.
Transcript
Comments