.

110 Ionic1 Gestures and Events

Notes	Source Codes
on-hold Touch stays at the same location for 500ms. Similar to long touch events available for AngularJS and jQuery.	<button on-hold="onHold()" class="button">Test</button>
on-tap Quick touch at a location. If the duration of the touch goes longer than 250ms it is no longer a tap gesture.	<button on-tap="onTap()" class="button">Test</button>
on-double-tap Double tap touch at a location.	<button on-double-tap="onDoubleTap()" class="button">Test</button>
on-touch Called immediately when the user first begins a touch. This gesture does not wait for a touchend/mouseup.	<button on-touch="onTouch()" class="button">Test</button>
on-release Called when the user ends a touch.	<button on-release="onRelease()" class="button">Test</button>
on-drag Move with one touch around on the page. Blocking the scrolling when moving left and right is a good practice. When all the drag events are blocking you disable scrolling on that area.	<button on-drag="onDrag()" class="button">Test</button>
on-drag-up Called when the element is dragged up.	<button on-drag-up="onDragUp()" class="button">Test</button>
on-drag-right Called when the element is dragged to the right.	<button on-drag-right="onDragRight()" class="button">Test</button>
on-drag-down Called when the element is dragged down.	<button on-drag-down="onDragDown()" class="button">Test</button>
on-drag-left Called when the element is dragged to the left.	<button on-drag-left="onDragLeft()" class="button">Test</button>
on-swipe Called when a moving touch has a high velocity in any direction.	<button on-swipe="onSwipe()" class="button">Test</button>
on-swipe-up Called when a moving touch has a high velocity moving up.	<button on-swipe-up="onSwipeUp()" class="button">Test</button>
on-swipe-right Called when a moving touch has a high velocity moving to the right.	<button on-swipe-right="onSwipeRight()" class="button">Test</button>
on-swipe-down Called when a moving touch has a high velocity moving down.	<button on-swipe-down="onSwipeDown()" class="button">Test</button>
on-swipe-left Called when a moving touch has a high velocity moving to the left.	<button on-swipe-left="onSwipeLeft()" class="button">Test</button>
$ionicGesture An angular service exposing ionic ionic.EventController’s gestures.	on(eventType, callback, $element, options) Add an event listener for a gesture on an element. See ionic.EventController. off(gesture, eventType, callback) Remove an event listener for a gesture on an element. See ionic.EventController.

Reference

http://ionicframework.com/docs/v1/api/service/$ionicGesture/
.