From the course: JavaScript Essential Training
Join today to access over 22,500 courses taught by industry experts.
DOM events explained - JavaScript Tutorial
From the course: JavaScript Essential Training
DOM events explained
- This headlamp has hidden features. In addition to just turning it on and off with the button, I can also change the brightness of the light by turning it on and then holding down the button. I can also change the type of light emitted if I rapid click the button. And when I click the button, it indicates how much battery is left on it. This is all possible thanks to event handling. Anytime a defined event happens, like the button being pressed and released, the program inside the flashlight detects that event, identifies what type of event it was and fires the corresponding program. So pressing and releasing the button is one event. It turns the light on and off. Another event is pressing and holding the button. It triggers the brightness level to change. Yet another event is pressing and releasing rapidly. It triggers mode changes. When we interact with computer software, we are literally firing events that are then…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
-
-
-
-
-
-
-
-
-
DOM events explained1m 41s
-
Typical DOM events5m 35s
-
Event listeners5m 45s
-
Practice: Experiment with event listeners1m 32s
-
Advanced event listeners and "this"6m 12s
-
Pass arguments through event listeners4m 53s
-
Challenge intro: Create an event listener2m 15s
-
Solution: Create an event listener6m 16s
-
-
-