이온 성 제스처 이벤트
행사 | 기술 | 용법 | 예 |
---|---|---|---|
보류 | 길게 눌러 시간은 500 밀리 초입니다. | <button on-hold="onHold()" class="button"> Test </button> | »시도 |
에 탭 | 이는 250 개 이상의 MS에 대한 길게 누르면, 그것은 탭없는 경우 제스처 이벤트를 눌러입니다. . | <button on-tap="onTap()" class="button"> Test </button> | »시도 |
에 더블 탭 | 손으로 화면 이벤트를 누릅니다 | <button on-double-tap="onDoubleTap()" class="button"> Test </button> | »시도 |
에 터치 | 온 탭이 즉시 실행되지만, 사용자가 즉시 실행 클릭, 차이가있다. touchend /에서 mouseUp을 기다리지 않고. | <button on-touch="onTouch()" class="button"> Test </button> | »시도 |
에 출시 | 화재시 터치 이벤트의 사용자측. | <button on-release="onRelease()" class="button"> Test </button> | »시도 |
에 드래그 | 이 드래그의 PC 측에 다소 유사하다. 당신이 개체를 클릭하면되고, 그리고 손에 드래그 트리거 움직이기 시작했다. | <button on-drag="onDrag()" class="button"> Test </button> | »시도 |
드래그 업에 | 위쪽으로 드래그합니다. | <button on-drag-up="onDragUp()" class="button"> Test </button> | »시도 |
드래그 오른쪽에 | 오른쪽으로 드래그합니다. | <button on-drag-right="onDragRight()" class="button"> Test </button> | »시도 |
드래그 다운에 | 아래로 드래그합니다. | <button on-drag-down="onDragDown()" class="button"> Test </button> | »시도 |
에 드래그 왼쪽 | 왼쪽으로 드래그합니다. | <button on-drag-left="onDragLeft()" class="button"> Test </button> | »시도 |
에 - 스 와이프 | 손가락 슬라이딩 효과를 의미, 어떤 방향 일 수있다. 뿐만 아니라,과에 드래그 마찬가지로, 네 방향에서 별도의 행사가있다. | <button on-swipe="onSwipe()" class="button"> Test </button> | »시도 |
- 스 와이프 업에 | 손가락으로 최대 효과를 슬라이딩. | <button on-swipe-up="onSwipeUp()" class="button"> Test </button> | »시도 |
- 스 와이프 오른쪽에 | 오른쪽 손가락 효과를 슬라이딩. | <button on-swipe-right="onSwipeRight()" class="button"> Test </button> | »시도 |
- 스 와이프 다운에 | 손가락 아래로 효과를 슬라이딩. | <button on-swipe-down="onSwipeDown()" class="button"> Test </button> | »시도 |
에 - 스 와이프 왼쪽 | 왼쪽 손가락 효과를 슬라이딩. | <button on-swipe-left="onSwipeLeft()" class="button"> Test </button> | »시도 |
$ IonicGesture
서비스 표시 ionicionic.EventController 각도 제스처.
방법
on(eventType, callback, $element)
요소에 이벤트 리스너를 추가합니다.
매개 변수 | 유형 | 세부 정보 |
---|---|---|
EVENTTYPE | string | 제스처 이벤트를 듣기. |
콜백 | function(e) | 경우 제스처 이벤트 트리거 이벤트. |
$ 요소 | element | 듣고 사건의 각 요소입니다. |
옵션 | object | 개체입니다. |
off(eventType, callback, $element)
요소에 제스처 이벤트 리스너를 제거합니다.
매개 변수 | 유형 | 세부 정보 |
---|---|---|
EVENTTYPE | string | 제스처 이벤트를 청취 제거합니다. |
콜백 | function(e) | 리스너를 제거합니다. |
$ 요소 | element | 이 사건 각 요소를 모니터링합니다. |