EventWithTarget<T, E>

type EventWithTarget<T, E> = E & object;

Allows setting the target property of a generic DOM event to a specific type of HTMLElement. Most of the time the typed EventTarget hinders to properly access the targetted element.

If the generics are not passed, the defaults are HTMLElement and Event.

Type declaration

target

target: T;

Type Parameters

T

T extends HTMLElement = HTMLElement

E

E extends Event = Event

Example

button.addEventListener('click', (event: EventWithTarget<HTMLButtonElement>) => {
  event.target.disabled = true;
});