Answer
Event handling is responding to dispatched Event objects on EventTarget objects.
• Listeners are registered for an event type.
• The event dispatch algorithm follows a path through relevant targets.
• Default actions are separate from listener execution and can sometimes be canceled.
Example
Code
document.querySelector('button')?.addEventListener('click', event => {
console.log(event.type);
});Output
click
Quick Revision
Event handling uses listeners to respond to dispatched events.