top
Loading...

jQuery Mobile 觸摸事件

jQuery Mobile 觸摸事件

觸摸事件在用戶觸摸屏幕（頁面）時觸發。

觸摸事件同樣可應用與桌面電腦上：點擊或者滑動鼠標！

jQuery Mobile 點擊

點擊事件在用戶點擊元素時觸發。

如下實例：當點擊 <p> 元素時，隱藏當前的 <p> 元素：

實例

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

嘗試一下 »

jQuery Mobile 點擊不放（長按）

點擊不放（長按） 事件在點擊併不放（大約一秒）後觸發

實例

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

嘗試一下 »

jQuery Mobile 滑動

滑動事件是在用戶一秒內水平拖拽大於30PX，或者縱向拖曳小於20px的事件發生時觸發的事件：

實例

$("p").on("swipe",function(){
  $("span").text("滑動檢測!");
});

嘗試一下 »

jQuery Mobile 向左滑動

向左滑動事件在用戶向左拖動元素大於30px時觸發：

實例

$("p").on("swipeleft",function(){
  alert("向左滑動!");
});

嘗試一下 »

jQuery Mobile 向右滑動

向右滑動事件在用戶向右拖動元素大於30px時觸發：

實例

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

嘗試一下 »
北斗有巢氏 有巢氏北斗