Latest web development tutorials

jQueryのモバイルタッチイベント

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

ランプ タッチイベントも同様に適用し、デスクトップ上にある: マウスをクリックするか、スライドさせます!


jQueryのモバイルクリック

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

例としては、次のとおりです。<p>要素、隠された現在の<p>要素をクリックしてください:

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

»をお試しください


jQueryのモバイルクリックし、ホールド(長押し)

クリックして、トリガの後(約1秒)を入れていないのクリックイベントで(長押し)を保持

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

»をお試しください


jQueryのモバイルスライド

イベントは、ユーザーがドラッグ内にあるスライドさせ、1秒以上のレベル30PX未満、または20ピクセル縦ドラッグイベントのトリガ・イベントをドロップします。

$("p").on("swipe",function(){
$("span").text("滑动检测!");
});

»をお試しください


左スライドjQueryのモバイル

ユーザー左の要素が30pxよりも大きい場合、左ドラッグイベントが発生スワイプ:

$( "P")。( "swipeleft」で、関数(){
警告(「左にスライド! ");
});

»をお試しください


右のjQuery Mobileをスライディング

ユーザーが要素が30pxよりも大きいドラッグすると、右トリガーで適切なイベントにスワイプ:

$("p").on("swiperight",function(){
alert("向右滑动!");
});

»をお試しください