jQuery Mobile 觸控事件
觸控事件在使用者觸控式螢幕幕(頁面)時觸發。
觸控事件同樣可應用與桌面電腦上:點選或者滑動滑鼠! |
jQuery Mobile 點選
點選事件在使用者點選元素時觸發。
如下例項:當點選 <p> 元素時,隱藏當前的 <p> 元素:
例項
$("p").on("tap",function(){
$(this).hide();
});
$(this).hide();
});
嘗試一下 ?
jQuery Mobile 點選不放(長按)
點選不放(長按) 事件在點選並不放(大約一秒)後觸發
例項
$("p").on("taphold",function(){
$(this).hide();
});
$(this).hide();
});
嘗試一下 ?
jQuery Mobile 滑動
滑動事件是在使用者一秒內水平拖拽大於30PX,或者縱向拖曳小於20px的事件發生時觸發的事件:
例項
$("p").on("swipe",function(){
$("span").text("滑動檢測!");
});
$("span").text("滑動檢測!");
});
嘗試一下 ?
jQuery Mobile 向左滑動
向左滑動事件在使用者向左拖動元素大於30px時觸發:
例項
$("p").on("swipeleft",function(){
alert("向左滑動!");
});
alert("向左滑動!");
});
嘗試一下 ?
jQuery Mobile 向右滑動
向右滑動事件在使用者向右拖動元素大於30px時觸發:
例項
$("p").on("swiperight",function(){
alert("向右滑動!");
});
alert("向右滑動!");
});
嘗試一下 ?