Персональный сайт Дмитрия Журавлева

Связь: dmitriyzhuravlev@yandex.ru

Определитель свайпа на смартфоне
Написал свой определитель свайпа на тач-экране. Задействованы только события touchstart, touchend, touchmove и touchcancel. На мышиные клики не реагирует.

На смартфоне надо пальцем тапнуть на квадратик и потом свайпнуть в какую-нибудь сторону.

Это не drag'n'drop, а именно свайп.
Если юзер поставил два и более пальцев на экран, то свайп я не делаю.
Движение квадратика - это лишь показатель, что свайп определён и направление свайпа. Вообще, на результат свайпа можно повесить любое действие: свдиг картинок, удаление чего-нибудь в интерфейсе и т.п. JS-код внутри этого HTML.

В этом примере свайпить можно только начиная с квадратиков, но можно любое поведение сделать.

Также я отключил скролл (перемотку страницы), если идёт свайп.


Раздел: JavaScript

Комментарии
(из-за чертовых спамеров урлы в коментах теперь писать нельзя)

Имя:

 
Комментарий:

 

Антиспам. Сколько будет единица плюсик пять?
Напишите только число:




Комментариев нет