이온 제스처 이벤트



EventDescriptionUsageExample
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-upup 손가락 스와이프 효과.
<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)

요소에 이벤트 리스너를 추가합니다.

ParametersTypeDetails
eventTypestringstring

监听的手势事件。

callbackfunction(e)

当手势事件发生时触发的事件。

$elementelement

angular元素监听的事件。

optionsobject

对象。

off(eventType, callback, $element)

在一个元素上移除一个手势事件监听器。

callback
参数类型详情
eventTypestring

移除监听的手势事件。

callbackfunction(e)

移除监听器。

$elementelement청취할 제스처 이벤트.

function(e)🎜🎜🎜이벤트는 제스처 이벤트가 발생할 때 트리거됩니다. 🎜🎜🎜🎜🎜$element🎜🎜element🎜🎜🎜Angular 요소가 수신하는 이벤트입니다. 🎜🎜🎜🎜🎜options🎜🎜객체🎜🎜🎜객체. 🎜🎜🎜🎜🎜rrreee🎜요소에서 동작 이벤트 리스너를 제거합니다. 🎜🎜🎜🎜🎜Parameters🎜🎜Type🎜🎜Details🎜🎜🎜🎜🎜🎜eventType🎜🎜string🎜🎜🎜모니터링되는 제스처 이벤트를 제거합니다. 🎜🎜🎜🎜🎜callback🎜🎜function(e)🎜🎜🎜리스너를 제거하세요. 🎜🎜🎜🎜🎜$element🎜🎜element🎜🎜🎜이벤트를 수신하는 각도 요소입니다. 🎜🎜🎜🎜🎜🎜