Latest web development tutorials

jQuery Mobile swipeleft event

jQuery Mobile Events jQuery Mobile Events

Examples

Swipe left horizontally <p> element and hide it:

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

try it"

Definition and Usage

swipeleft event is within one second left drag trigger level is greater than 30px (vertical drag is less than 75px) time.

Related events:

  • Swipe - means in one second, horizontal or vertical drag is greater than 30px drag event is less than 75px triggered.
  • swiperight - means in one second, horizontally to the right is greater than 30px drag event triggered.

grammar

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

参数 描述
function(event) 必须。指定 swipeleft 事件触发时执行的函数。

该函数有可选的事件对象 ,事件对象可以是任何 jQuery 事件属性 (例如 event.target, event.type, 等)。更多信息请查阅 jQuery 事件参考手册


Examples

More examples

Event objects
Use event.target property to return the DOM element swipeleft event trigger.


jQuery Mobile Events jQuery Mobile Events