What is Pointer Events in JavaScript

Roughly, You can think Pointer Events as a combination of Mouse and Touch events.

document.addEventListener('mousedown', () => {
  // do something on mousedown
});

document.addEventListener('touchstart', () => {
  // do something on touchstart
});

same as below

document.addEventListener('pointerdown', () => {
  // do something on mousedown or touchstart
});

Reference:

• Consistent access to browser events with Pointer Events API

Read more:

• The HTML5 Pointer Events API: Combining touch, mouse, and pen