Element: hasPointerCapture() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.

ThehasPointerCapture() method of theElement interface checks whether the element on which it is invoked haspointer capture for the pointer identified by the given pointer ID.

Syntax

hasPointerCapture(pointerId)

Parameters

pointerId: ThepointerId of aPointerEvent object.

Return value

A boolean value —true if the element does have pointer capture for the pointer identified by the given pointer ID,false if it doesn't.

Examples

html

<div>Touch this element with a pointer.</div>

const el = document.getElementById("target");el.addEventListener("pointerdown", (ev) => {  // Element 'target' will receive/capture further events  el.setPointerCapture(ev.pointerId);  // …  // Check whether element still has pointer capture  const pointerCap = el.hasPointerCapture(ev.pointerId);  if (pointerCap) {    // We've still got pointer capture  } else {    // oops, we've lost pointer capture!  }});