InputDeviceCapabilities: firesTouchEvents property

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The firesTouchEvents read-only property of the InputDeviceCapabilities interface returns a boolean value that indicates whether the device dispatches touch events.

You can use this property to detect mouse events that represent an action that may already have been handled by touch event handlers. This doesn't necessarily mean the device is a touch screen. For example, stylus and mouse devices typically generate touch events on mobile browsers.

Syntax

js
const boolean = InputDeviceCapabilities.firesTouchEvents

Returns

Example

js
myButton.addEventListener("mousedown", (e) => {
  if (!e.sourceCapabilities.firesTouchEvents) myButton.classList.add("pressed");
});

Specifications

Specification
Input Device Capabilities
# dom-inputdevicecapabilities-firestouchevents

Browser compatibility

BCD tables only load in the browser