Utility class for gesture detection.
| Signature | Description |
|---|---|
| constructor(element[, options]) | Create a new GestureDetector instance. |
| on(gestures, handler) | Adds an event handler for a gesture. Available gestures are: drag, dragleft, dragright, dragup, dragdown, hold, release, swipe, swipeleft, swiperight, swipeup, swipedown, tap, doubletap, touch, transform, pinch, pinchin, pinchout and rotate. |
| off(gestures, handler) | Remove an event listener. |
| trigger(gesture, eventData) | |
| enable(state) | Enable or disable gesture detection. |
| dispose() | Remove and destroy all event handlers for this instance. |
Create a new GestureDetector instance.
| Name | Type | Description |
|---|---|---|
| element | Element | Name of the event. |
| options | Object | Options object. |
Adds an event handler for a gesture. Available gestures are: drag, dragleft, dragright, dragup, dragdown, hold, release, swipe, swipeleft, swiperight, swipeup, swipedown, tap, doubletap, touch, transform, pinch, pinchin, pinchout and rotate.
| Name | Type | Description |
|---|---|---|
| gestures | String | A space separated list of gestures. |
| handler | Function | An event handling function. |
Remove an event listener.
| Name | Type | Description |
|---|---|---|
| gestures | String | A space separated list of gestures. |
| handler | Function | An event handling function. |
| Name | Type | Description |
|---|---|---|
| gesture | String | |
| eventData | Object |
Enable or disable gesture detection.
| Name | Type | Description |
|---|---|---|
| state | Boolean | Specify if it should be enabled or not. |
Remove and destroy all event handlers for this instance.
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
| Name | Type | Description |
|---|---|---|
| ev | Object |
If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.
For bug reports and feature requests use our GitHub Issues page.