이온 제스처 이벤트
Event | Description | Usage | Example |
---|---|---|---|
on-hold | 긴 누르기 시간은 500밀리초입니다. | <button on-hold="onHold()" class="button"> Test </button> | 사용해 보세요 » |
on-tap | 길게 누르는 시간이 250밀리초를 초과하면 탭이 아닌 이벤트입니다. . | <button on-tap="onTap()" class="button"> Test </button> | 사용해보기 » |
on-double-tap | 손 더블탭 화면 이벤트 | <button on-double-tap="onDoubleTap()" class="button"> Test </button> | 사용해보기 » |
온터치 | 이것도 마찬가지야 as on-tap 차이점은 바로 실행되는 것과, 사용자가 클릭하면 바로 실행된다는 점입니다. 터치엔드/마우스업을 기다릴 필요가 없습니다. | <button on-touch="onTouch()" class="button"> Test </button> | 사용해 보세요 » |
on-release | 사용자가 터치 이벤트를 종료할 때 트리거됩니다. | <button on-release="onRelease()" class="button"> Test </button> | 해보기 » |
on-drag | 이것은 PC 드래그와 약간 유사합니다. 개체를 계속 클릭하고 손이 움직이기 시작하면 온 드래그가 트리거됩니다. | <button on-drag="onDrag()" class="button"> Test </button> | 사용해 보세요. » |
on-drag-up | 드래그하세요. | <button on-drag-up="onDragUp()" class="button"> Test </button> | 해 보세요. » |
on-drag-right | 오른쪽으로 드래그하세요. | <button on-drag-right="onDragRight()" class="button"> Test </button> | 사용해 보세요. » |
on-drag-down | 드래그하세요. | <button on-drag-down="onDragDown()" class="button"> Test </button> | 해보기 » |
on-drag-left | 왼쪽으로 드래그하세요. | <button on-drag-left="onDragLeft()" class="button"> Test </button> | 사용해 보세요 » |
on-swipe | 손가락 슬라이딩 효과를 말하며 어떤 방향으로도 가능합니다. 그리고 온드래그와 유사하게 네 방향에서 별도의 이벤트가 있습니다. | <button on-swipe="onSwipe()" class="button"> Test </button> | 사용해 보세요 » |
on-swipe-up | up 손가락 스와이프 효과. | <button on-swipe-up="onSwipeUp()" class="button"> Test </button> | 사용해 보세요 » |
오른쪽으로 스와이프 | 오른쪽 손가락 스와이프 효과. | <button on-swipe-right="onSwipeRight()" class="button"> Test </button> | 사용해 보세요 » |
on-swipe-down | 아래로 손가락 스와이프 효과. | <button on-swipe-down="onSwipeDown()" class="button"> Test </button> | 사용해 보세요 » |
on-swipe-left | 손가락을 왼쪽으로 스와이프하는 효과. | <button on-swipe-left="onSwipeLeft()" class="button"> Test </button> | 사용해 보세요 » |
$ionicGesture
ionicionic.EventController 제스처를 보여주는 각도 서비스입니다.
메서드
on(eventType, callback, $element)
요소에 이벤트 리스너를 추가합니다.
Parameters | Type | Details |
---|---|---|
eventType | string string | 监听的手势事件。 |
callback | function(e) | 当手势事件发生时触发的事件。 |
$element | element | angular元素监听的事件。 |
options | object | 对象。 |
off(eventType, callback, $element)
在一个元素上移除一个手势事件监听器。
参数 | 类型 | 详情 |
---|---|---|
eventType | string | 移除监听的手势事件。 |
callback | function(e) | 移除监听器。 |
$element | element | 청취할 제스처 이벤트. |
function(e)
🎜🎜🎜이벤트는 제스처 이벤트가 발생할 때 트리거됩니다. 🎜🎜🎜🎜🎜$element🎜🎜element
🎜🎜🎜Angular 요소가 수신하는 이벤트입니다. 🎜🎜🎜🎜🎜options🎜🎜객체
🎜🎜🎜객체. 🎜🎜🎜🎜🎜rrreee🎜요소에서 동작 이벤트 리스너를 제거합니다. 🎜🎜🎜🎜🎜Parameters🎜🎜Type🎜🎜Details🎜🎜🎜🎜🎜🎜eventType🎜🎜string
🎜🎜🎜모니터링되는 제스처 이벤트를 제거합니다. 🎜🎜🎜🎜🎜callback🎜🎜function(e)
🎜🎜🎜리스너를 제거하세요. 🎜🎜🎜🎜🎜$element🎜🎜element
🎜🎜🎜이벤트를 수신하는 각도 요소입니다. 🎜🎜🎜🎜🎜🎜