From the course: The DOM in JavaScript, jQuery, AngularJS, and React
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Event objects
From the course: The DOM in JavaScript, jQuery, AngularJS, and React
Event objects
- [Instructor] The event interface serves as a base interface for many types of events in the DOM. Now events can be user-generated such as a mouse-click or a keyboard click, but sometimes they are also API-generated like for example maybe you might run animation and then the animation is stopped and then it would trigger an event or maybe you have a timer set and then the timer expired Or even a web worker process ended and it would trigger some type of event, so all of these are many types of events. A very popular set of events is what's called a bubbling event and a capturing event. So these two events are known as bubbling and capturing and they describe the flow of events in a web program. So, these events are usually associated with a mouse event, especially a mouse click. And again, they define which order should the event take place which means which tag should receive the event first, whether the inner tag or the outer tag. By saying that I mean in the form of HTML you can…
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.
Contents
-
-
-
Developer tools7m 12s
-
(Locked)
What is the DOM?5m 18s
-
(Locked)
The DOM tree5m 59s
-
(Locked)
nodeType and nodeName properties7m 17s
-
(Locked)
The Node interface10m 50s
-
(Locked)
The Document object12m 8s
-
(Locked)
The Document methods10m 27s
-
(Locked)
Element objects10m 24s
-
(Locked)
Modifying text in the DOM9m 16s
-
(Locked)
Event objects11m 54s
-
(Locked)
Window object6m 56s
-
(Locked)
CSS properties and the DOM13m 50s
-
(Locked)
Traversing the DOM tree10m 18s
-
-
-
-
-
-