ElementWrapper.on()

Definition

on<K extends keyof HTMLElementEventMap>(
    event: K,
    callback: EventCallback<T, HTMLElementEventMap[K]>,
): this;
on(event: string, callback: EventCallback<T>): this;

Description

Adds an event listener to all selected elements.

The callback function is of type EventCallback.

To remove a listener added with .on(), use .off().

Example

<button class="btn">Click me</button>

$('.btn').on('click', () => {
  console.log('Clicked!');
});

Accessing the event object

$('input').on('keydown', (event) => {
  if (event.key === 'Enter') {
    console.log('Enter pressed');
  }
});