Explaining what an `event` is, how they are dispatched to `EventTargets`, and you can respond to those events by adding **event listeners**. This lesson also covers how events move through `EventTarget`’s that participate in a tree (such as elements in … more Read More
You can listen and respond to events on an element from within JavaScript using the object property event handlers. This lesson explores how you can add, use and remove event handlers to an element. … more Read More
In this lesson, we explore how you can add event listeners to an event target with `addEventListener`. It will also explain how you can control aspects of your event listener binding; as well as event listener equality. … more Read More
Using HTML attributes event handlers and object property event handlers are related ways of expressing a single event listener binding to an element. This lesson explores the dynamics and often strangeness of that relationship. … more Read More
It is possible to add many event listeners using different binding approaches to an `EventTarget`. In this lesson, I explain in what order event listeners will be executed in. … more Read More
`removeEventListener` removes an event listener added with `addEventListener`. However, there are a number of gotchas to watch out for in order to correctly remove an event listener. … more Read More
This is a light introduction to the DOM events problem space and overview of the major topics that we will be covering. I will also introduce people to https://domevents.dev … more Read More
Some browsers treat some events added to the `body` as passive by default. However, HTML attribute event handlers on the `body` do not share these default passive values. … more Read More
Some event handlers attached to the “ act as if they were attached to the `window`. … more Read More
Events are classified as either synchronous or asynchronous (ordered or unordered). This lesson will explore what these categorisations really mean and what it means to you. … more Read More
