$ons.GestureDetector

ジェスチャを検知するためのユーティリティクラスです。

メソッド

シグネチャ 概要
constructor(element[, options]) GestureDetectorのインスタンスを生成します。
on(gestures, handler) ジェスチャに対するイベントハンドラを追加します。指定できるジェスチャ名は、drag dragleft dragright dragup dragdown hold release swipe swipeleft swiperight swipeup swipedown tap doubletap touch transform pinch pinchin pinchout rotate です。
off(gestures, handler) イベントリスナーを削除します。
trigger(gesture, eventData) trigger gesture event
enable(state) ジェスチャ検知を有効化/無効化します。
dispose() このインスタンスでのジェスチャの検知や、イベントハンドラを全て解除して廃棄します。
constructor(element[, options]): ons.GestureDetector.Instance

GestureDetectorのインスタンスを生成します。

パラメーター
名前 概要
element Element ジェスチャを検知するDOM要素を指定します。
options Object オプションを指定します。
on(gestures, handler)

ジェスチャに対するイベントハンドラを追加します。指定できるジェスチャ名は、drag dragleft dragright dragup dragdown hold release swipe swipeleft swiperight swipeup swipedown tap doubletap touch transform pinch pinchin pinchout rotate です。

パラメーター
名前 概要
gestures String 検知するジェスチャ名を指定します。スペースで複数指定することができます。
handler Function イベントハンドラとなる関数オブジェクトを指定します。
off(gestures, handler)

イベントリスナーを削除します。

パラメーター
名前 概要
gestures String ジェスチャ名を指定します。スペースで複数指定することができます。
handler Function イベントハンドラとなる関数オブジェクトを指定します。
trigger(gesture, eventData)

trigger gesture event

パラメーター
名前 概要
gesture String
eventData Object
enable(state)

ジェスチャ検知を有効化/無効化します。

パラメーター
名前 概要
state Boolean 有効にするかどうかを指定します。
dispose()

このインスタンスでのジェスチャの検知や、イベントハンドラを全て解除して廃棄します。

イベント

名前 概要
drag (翻訳中)
dragstart (翻訳中)
dragend (翻訳中)
drapleft (翻訳中)
dragright (翻訳中)
dragup (翻訳中)
dragdown (翻訳中)
gesture (翻訳中)
hold (翻訳中)
release (翻訳中)
swipe (翻訳中)
swipeleft (翻訳中)
swiperight (翻訳中)
swipeup (翻訳中)
swipedown (翻訳中)
tap (翻訳中)
doubletap (翻訳中)
touch (翻訳中)
transform (翻訳中)
transformstart (翻訳中)
transformend (翻訳中)
pinchin (翻訳中)
pinchout (翻訳中)
rotate (翻訳中)
drag

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
dragstart

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
dragend

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
drapleft

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
dragright

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
dragup

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
dragdown

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
gesture

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
hold

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
release

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
swipe

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
swipeleft

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
swiperight

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
swipeup

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
swipedown

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
tap

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
doubletap

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
touch

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
transform

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
transformstart

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
transformend

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
pinchin

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
pinchout

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)
rotate

(翻訳中)

パラメーター
名前 概要
ev Object (翻訳中)

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。