最新のWeb開発のチュートリアル
 

jQuery Mobileタッチイベント


ユーザが画面(ページ)をタッチするとタッチイベントがトリガされます。

イベントは、デスクトップコンピュータ上で動作するタッチ: タップとスワイプをマウスで!


jQueryのモバイルタップ

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

次の例は言う:ときにタップイベントが発生します<p>要素。 現在の非表示<p>要素を:

$("p").on("tap",function(){
  $(this).hide();
});
»それを自分で試してみてください

jQueryのモバイルTaphold

tapholdイベントは、ユーザーが要素上でタップしたときにトリガされ、1秒間保持されます。

$("p").on("taphold",function(){
  $(this).hide();
});
»それを自分で試してみてください

jQueryのモバイルスワイプ

ユーザーが複数30pxによって水平方向に要素の上にスワイプするときスワイプイベントがトリガされます。

$("p").on("swipe",function(){
  $("span").text("Swipe detected!");
});
»それを自分で試してみてください

jQueryのモバイルSwipeleft

ユーザーは30px以上に左方向の要素上にスワイプしたときにswipeleftイベントがトリガされます:

$("p").on("swipeleft",function(){
  alert("You swiped left!");
});
»それを自分で試してみてください

jQueryのモバイルSwiperight

ユーザーが複数30pxによって右方向の要素上にドラッグするとswiperightイベントがトリガされます:

$("p").on("swiperight",function(){
  alert("You swiped right!");
});
»それを自分で試してみてください