jQuery Mobile Touchイベント

タッチイベントはユーザーがスクリーン（ページ）をタッチしたときにトリガーされます。

ヒント：タッチイベントはデスクトップコンピュータにも適用されます：マウスをクリック！

jQuery Mobile Tap

ユーザーが要素をタップしたときにtapイベントがトリガーされます。

以下の例では、<p>要素上でtapイベントがトリガーされたときに、現在の<p>要素を非表示にします：

インスタンス

$("p").on("tap",function(){
  $(this).hide();
});

自分で試してみる

jQuery Mobile Taphold

ユーザーが要素をタップして1秒以上保持したときにtapholdイベントがトリガーされます：

インスタンス

$("p").on("taphold",function(){
  $(this).hide();
});

自分で試してみる

jQuery Mobile Swipe

ユーザーが要素上で30px以上水平にスライドしたときにswipeイベントがトリガーされます：

インスタンス

$("p").on("swipe",function(){
  $("span").text("スワイプ検出！");
});

自分で試してみる

jQuery Mobile Swipeleft

ユーザーが要素上で左に30px以上スライドしたときにswipeleftイベントがトリガーされます：

インスタンス

$("p").on("swipeleft",function(){
  alert("You swiped left!");
});

自分で試してみる

jQuery Mobile Swiperight

swiperight イベントは、ユーザーが特定の要素上で 30px 以上右にスワイプしたときにトリガーされます：

インスタンス

$("p").on("swiperight",function(){
  alert("You swiped right!");
});

自分で試してみる