<button id="ouo44"></button>

<bdo id="ouo44"><rt id="ouo44"></rt></bdo>

<button id="ouo44"><tbody id="ouo44"></tbody></button>

<fieldset id="ouo44"></fieldset>

閱讀(13.5k) 書簽贊(0) 我要糾錯

jQuery Mobile 觸摸事件

2018-02-03 15:47 更新

jQuery Mobile 觸摸事件

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

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

點擊或者滑動本區(qū)域

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

jQuery Mobile 點擊

點擊事件在用戶點擊元素時觸發(fā)。

如下實例：當(dāng)點擊 <p> 元素時，隱藏當(dāng)前的 <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滾屏事件。

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

← jQuery Mobile 事件

jQuery Mobile 滾屏事件 →

寫筆記

我要補充

<center id="ci22a"><noscript id="ci22a"></noscript></center>