110 Ionic1 Gestures and Events
.
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-leftlink download
Subscribe to:
Post Comments (Atom)
|
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.