閱讀(13.8k) 書(shū)簽贊(0) 我要糾錯(cuò)

jQuery Mobile 觸摸事件

2018-02-03 15:47 更新

jQuery Mobile 觸摸事件

jQuery Mobile提供了可定制的觸摸事件，雖然這些事件只有在用戶(hù)使用支持觸摸功能的設(shè)備來(lái)訪問(wèn)jQuery Mobile網(wǎng)站時(shí)才能夠使用。在使用這些事件時(shí)，您可以觸發(fā)任何自定義java script 作為對(duì)五種不同的事件的響應(yīng)：tap、taphold、swipe、swipeleft 和 swiperight。

觸摸事件在用戶(hù)觸摸屏幕（頁(yè)面）時(shí)觸發(fā)。

點(diǎn)擊或者滑動(dòng)本區(qū)域

	觸摸事件同樣可應(yīng)用與桌面電腦上：點(diǎn)擊或者滑動(dòng)鼠標(biāo)！

jQuery Mobile 點(diǎn)擊

點(diǎn)擊事件在用戶(hù)點(diǎn)擊元素時(shí)觸發(fā)。

如下實(shí)例：當(dāng)點(diǎn)擊 <p> 元素時(shí)，隱藏當(dāng)前的 <p> 元素：

實(shí)例

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

jQuery Mobile 點(diǎn)擊不放（長(zhǎng)按）

點(diǎn)擊不放（長(zhǎng)按）事件在點(diǎn)擊并不放（大約一秒）后觸發(fā)

實(shí)例

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

jQuery Mobile 滑動(dòng)

滑動(dòng)事件是在用戶(hù)一秒內(nèi)水平拖拽大于30PX，或者縱向拖曳小于20px的事件發(fā)生時(shí)觸發(fā)的事件：

實(shí)例

$("p").on("swipe",function(){
$("span").text("Swipe detected!");
});

jQuery Mobile 向左滑動(dòng)

向左滑動(dòng)事件在用戶(hù)向左拖動(dòng)元素大于30px時(shí)觸發(fā)：

實(shí)例

$("p").on("swipeleft",function(){
alert("You swiped left!");
});

jQuery Mobile 向右滑動(dòng)

向右滑動(dòng)事件在用戶(hù)向右拖動(dòng)元素大于30px時(shí)觸發(fā)：

實(shí)例

$("p").on("swiperight",function(){
alert("You swiped right!");
});

在下一節(jié)內(nèi)容中，我們將介紹jQuery Mobile滾屏事件。

以上內(nèi)容是否對(duì)您有幫助：

← jQuery Mobile 事件

jQuery Mobile 滾屏事件 →

寫(xiě)筆記

我要補(bǔ)充