Latest web development tutorials

イオンジェスチャーイベント

イベント 説明 使用法
保留 長押し時間は500ミリ秒です。
<button 
	on-hold="onHold()" 
	class="button">
	Test
	</button>
»をお試しください
上のタップ 250以上のミリ秒あなた長押し、それはタップでない場合、これは、イベントをタップジェスチャーです。 。
<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>
»をお試しください
オンスワイプ 指のスライド効果を指し、それは任意の方向であってもよいです。 しかし、また、上にドラッグ同様に、4方向の別のイベントがあります。
<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

これは、イベントの角要素に監視されています。