Touch eventsLimited availability
Touch events touchstart, touchmove, touchend, and touchcancel fire when users interact with a touch-sensitive surface, such as a screen or drawing tablet. These events are similar to mouse events.
Not yet supported in all major browsers — check the table and provide a fallback.
Browser support
DesktopChrome
1–21Not supported
22+Supportedsince Sep 25, 2012
Current: 155Edge
12+Supportedsince Jul 29, 2015
Current: 154Firefox
1–51Not supported
52+Supportedsince Mar 7, 2017
Current: 157Safari
✕Not supportedup to 27
Current: 27MobileChrome Android
18–18Not supported
25+Supportedsince Feb 27, 2013
Current: 155Firefox Android
4–5Not supported
6+Supportedsince Aug 16, 2011
Current: 157Safari iOS
1–2Not supported
≤3+Supportedsince Jun 17, 2009
Current: 27How to use
Not supported in Safari. Use feature detection below and provide a fallback (or a polyfill) for those browsers.
Example
Full syntax and examples are on MDN: touchcancel event.
Feature detection
JS · check before using
if ("TouchEvent" in globalThis) {
// TouchEvent is available
} else {
// load a polyfill or use a fallback
}Documentation (MDN)
Specification
Usage share
Sub-features
Support for each part of the feature (33). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| Element.touchcancel_event | 22 | 12 | 52 | ✕ | 25 | 6 | ≤3 |
| Element.touchend_event | 22 | 12 | 52 | ✕ | 25 | 6 | ≤3 |
| Element.touchmove_event | 22 | 12 | 52 | ✕ | 25 | 6 | ≤3 |
| Element.touchstart_event | 22 | 12 | 52 | ✕ | 25 | 6 | ≤3 |
| Touch | 22 | ≤18 | ✕ | ✕ | 25 | 6 | ≤3 |
| Touch.Touch | 48 | 79 | ✕ | ✕ | 48 | 6 | ≤3 |
| Touch.altitudeAngle | ✕ | ✕ | ✕ | ✕ | ✕ | ✕ | 10 |
| Touch.azimuthAngle | ✕ | ✕ | ✕ | ✕ | ✕ | ✕ | 10 |
| Touch.clientX | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.clientY | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.force | 38 | 79 | ✕ | ✕ | 38 | 6 | 10 |
| Touch.identifier | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.pageX | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.pageY | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.radiusX | 38 | 79 | ✕ | ✕ | 38 | 6 | 10 |
| Touch.radiusY | 38 | 79 | ✕ | ✕ | 38 | 6 | 10 |
| Touch.rotationAngle | 43 | 79 | ✕ | ✕ | 43 | 6 | 10 |
| Touch.screenX | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.screenY | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
| Touch.target | 22 | ≤18 | ✕ | ✕ | 25 | 6 | 10 |
Show 13 more
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| Touch.touchType | ✕ | ✕ | ✕ | ✕ | ✕ | ✕ | 10 |
| TouchEvent | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.TouchEvent | 48 | 79 | ✕ | ✕ | 48 | 46 | 3.2 |
| TouchEvent.altKey | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.changedTouches | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.ctrlKey | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.metaKey | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.shiftKey | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.targetTouches | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchEvent.touches | 22 | 79 | 52 | ✕ | 25 | 6 | 3.2 |
| TouchList | 18 | ≤18 | ✕ | ✕ | 18 | 6 | 2 |
| TouchList.item | 18 | ≤18 | ✕ | ✕ | 18 | 6 | 2 |
| TouchList.length | 18 | ≤18 | ✕ | ✕ | 18 | 6 | 2 |