The pointerdown event is fired when a pointer becomes active. For mouse, it is fired when the device transitions from no buttons pressed to at least one button pressed. For touch, it is fired when physical contact is made with the digitizer. For pen, it is fired when the stylus makes physical contact with the digitizer.

Using addEventListener():

const para = document.querySelector('p');

para.addEventListener('pointerdown', (event) => {
  console.log('Pointer down event');
});

Using the onpointerdown event handler property:

const para = document.querySelector('p');

para.onpointerdown = (event) => {
  console.log('Pointer down event');
};

• onpointerdown event handler property.
• This event on Document targets: pointerdown event