Latest web development tutorials

jQuery Mobile 觸摸事件

觸摸事件在用戶觸摸屏幕(頁面)時觸發。

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


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("向右滑动!");
});

嘗試一下»