Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
The gesturestart event is fired when multiple fingers contact the touch surface, thus starting a new gesture. During the gesture, gesturechange events will be fired. When the gesture has ended, a gestureend event will be fired.
It is a proprietary event specific to WebKit.
Use the event name in methods like addEventListener(), or set an event handler property.
addEventListener("gesturestart", (event) => { })
ongesturestart = (event) => { }
A GestureEvent. Inherits from Event.
This interface also inherits properties of its parents, UIEvent and Event.
GestureEvent.rotation Read only
Change in rotation (in degrees) since the event's beginning. Positive values indicate clockwise rotation; negative values indicate counterclockwise rotation. Initial value: 0.0.
GestureEvent.scale Read only
Distance between two digits since the event's beginning. Expressed as a floating-point multiple of the initial distance between the digits at the beginning of the gesture. Values below 1.0 indicate an inward pinch (zoom out). Values above 1.0 indicate an outward unpinch (zoom in). Initial value: 1.0.
Not part of any specification.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
gesturestart_event |
No | No | No | No | No | No | No | No | 2 | No | No | 2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/gesturestart_event