Сенсорные События jQuery Mobile

Сенсорные события генерируются, когда пользователь касается экрана (страницы).

Сенсорные события также работают на настольных компьютерах: коснитесь и потащите своей мышью!

Событие касания инициируется, когда пользователь касается элемента.

Следующий пример говорит: Когда событие касания происходит на элементе <p>; скрыть текущий элемент <p>:

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

Событие taphold инициируется, когда пользователь касается элемента и удерживает его в течение одной секунды:

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

Событие swipe инициируется, когда пользователь перетаскивает элемент горизонтально больше чем на 30px:

$("p").on("swipe",function(){
$("span").text("Обнаружено перетаскивание!");
});

Событие swipeleft инициируется, когда пользователь перетаскивает элемент в левом направлении больше чем на 30px:

$("p").on("swipeleft",function(){
alert("Вы потащили влево!");
});

Событие swiperight инициируется, когда пользователь перетаскивает элемент в правом направлении больше чем на 30px:

$("p").on("swiperight",function(){
alert("Вы потащили вправо!");
});

Смотрите также

Комментарии

Написать