jQuery Mobile 觸摸事件
jQuery Mobile提供了可定制的觸摸事件,雖然這些事件只有在用戶使用支持觸摸功能的設(shè)備來訪問jQuery Mobile網(wǎng)站時才能夠使用。在使用這些事件時,您可以觸發(fā)任何自定義java script 作為對五種不同的事件的響應(yīng):tap、taphold、swipe、swipeleft 和 swiperight。
觸摸事件在用戶觸摸屏幕(頁面)時觸發(fā)。
 | 觸摸事件同樣可應(yīng)用與桌面電腦上:點擊或者滑動鼠標! |
jQuery Mobile 點擊
點擊事件在用戶點擊元素時觸發(fā)。
如下實例:當點擊 <p> 元素時,隱藏當前的 <p> 元素:
實例
$("p").on("tap",function(){
$(this).hide();
});
嘗試一下 ?
jQuery Mobile 點擊不放(長按)
點擊不放(長按) 事件在點擊并不放(大約一秒)后觸發(fā)
實例
$("p").on("taphold",function(){
$(this).hide();
});
嘗試一下 ?
jQuery Mobile 滑動
滑動事件是在用戶一秒內(nèi)水平拖拽大于30PX,或者縱向拖曳小于20px的事件發(fā)生時觸發(fā)的事件:
實例
$("p").on("swipe",function(){
$("span").text("Swipe detected!");
});
嘗試一下 ?
jQuery Mobile 向左滑動
向左滑動事件在用戶向左拖動元素大于30px時觸發(fā):
實例
$("p").on("swipeleft",function(){
alert("You swiped left!");
});
嘗試一下 ?
jQuery Mobile 向右滑動
向右滑動事件在用戶向右拖動元素大于30px時觸發(fā):
實例
$("p").on("swiperight",function(){
alert("You swiped right!");
});
嘗試一下 ? 在下一節(jié)內(nèi)容中,我們將介紹jQuery Mobile滾屏事件。
更多建議: