jQuery Mobile swipe 事件

2018-09-29 09:54 更新

jQuery Mobile swipe 事件

jQuery Mobile 事件 jQuery Mobile 事件

實(shí)例

在元素<p>上水平滑動(dòng)隱藏它:

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

嘗試一下 ?

定義和用法

swipe事件在水平方向上拖動(dòng)30px以上會(huì)觸發(fā)該事件, (垂直方向小于75px)。

提示: 你可以在左右兩個(gè)方向上快速滑動(dòng)。

相關(guān)事件:

  • swipeleft - 當(dāng)用戶從左劃過(guò)元素超過(guò) 30px 時(shí)觸發(fā)。
  • swiperight - 當(dāng)用戶從右劃過(guò)元素超過(guò) 30px 時(shí)觸發(fā)。

語(yǔ)法

$("selector").on("swipe",function(event){...})

參數(shù) 描述
function(event) 必須。指定 swipe 事件觸發(fā)時(shí)執(zhí)行的函數(shù)。

該函數(shù)有可選的事件對(duì)象 ,事件對(duì)象可以是任何 jQuery 事件屬性 (例如 event.target, event.type, 等)。更多信息請(qǐng)查閱 jQuery 事件參考手冊(cè) 。


實(shí)例

更多實(shí)例

事件對(duì)象
使用 event.target 屬性返回swipe事件觸發(fā)的DOM元素。


jQuery Mobile 事件 jQuery Mobile 事件

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)