This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The InputDeviceCapabilities.firesTouchEvents
read-only property returns a Boolean
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
var boolean = InputDeviceCapabilities.firesTouchEvents
Returns
A Boolean
Example
myButton.addEventListener('mousedown', function(e) { if (!e.sourceCapabilities.firesTouchEvents) myButton.classList.add("pressed"); });
Specifications
Specification | Status | Comment |
---|---|---|
InputDeviceCapabilities The definition of 'fireTouchEvents' in that specification. |
Draft | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
firesTouchEvents | Chrome Full support 47 | Edge Full support ≤79 | Firefox ? | IE ? | Opera Full support Yes | Safari ? | WebView Android Full support 47 | Chrome Android Full support 47 | Firefox Android ? | Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
- Non-standard. Expect poor cross-browser support.
- Non-standard. Expect poor cross-browser support.