EventWithRelatedTarget<T extends HTMLElement = HTMLElement, E extends Event = Event>

type EventWithRelatedTarget<T extends HTMLElement = HTMLElement, E extends Event = Event> = E & object;

Allows setting the relatedTarget property of a generic DOM event to a specific type of HTMLElement. This is useful for events like focus, blur, or pointerover where you want to access the related element.

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

Type Parameters

T

T extends HTMLElement = HTMLElement

E

E extends Event = Event

Type Declaration

relatedTarget

relatedTarget: T;

Example

form.addEventListener('focus', (event: EventWithRelatedTarget<HTMLInputElement>) => {
  console.log(event.relatedTarget); // Access the related target element
});