Skip to content

Document.on method

Document › on

Official

Adds an event listener to the document.

Signature:

on(this: Document, type: K, selector: string, listener: (this: Document, ev: DocumentEventMap[K], delegateTarget: HTMLElement) => unknown, options?: boolean | AddEventListenerOptions | undefined): void

Parameters:

ParameterTypeDescription
thisDocumentThe document to add the event listener to.
typeKThe type of event to listen for.
selectorstringThe selector of the event target.
listener(this: Document, ev: DocumentEventMap[K], delegateTarget: HTMLElement) => unknownThe listener to call when the event is triggered.
options?boolean | AddEventListenerOptions | undefinedThe options of the event listener.

Returns: void

Example:

document.on('click', 'div', (ev) => {
console.log(ev);
});