On touch и подобные обработчики на javascript и jquery — как реализовывается проведение пальцем по экрану слева направо?

Если зайти m.vk.com с помощью смартфона (айфон как вариант), то левое меню можно открывать, проведя пальцем слева направо по экрану, закрыть в обратную сторону.

Как такое делается на javascript или jquery, чтобы кроссплатформено было?

Доп вопросы:

Какие есть обработчики для смартфонов, кроме onclick (полный список)?

Может, сайт есть какой, где типа таблички, что какой смартфон поддерживает (аэйпл, андройд, виндоус фон)?
  • Вопрос задан
  • 12237 просмотров
Пригласить эксперта
Ответы на вопрос 1
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
По поводу обработки действий пальцами: touchevents. Событий не так много: touchstart/touchmove/touchend. Событий типа click нету, они эмулируются и добавляют задержку в 300мс.

проведя пальцем слева направо по экрану

Это называется swipe. Такого события так же нету, как и tap его нужно хэндлить самому через touchstart+touchmove+touchend. Ну и есть конечно Hummer.js, который реализует все эти жесты. Собственно из этого следует что все мобильные браузеры поддерживают эти три типа событий, на базе которых можно реализовать все типы жестов.

Конкретно реализация менюшки подобной называется Drawer (выдвижной ящик). Реализация на html5/css/js. Но на слабых андроид девайсах все это очень грустно работает.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
06 мая 2024, в 12:06
1200 руб./в час
06 мая 2024, в 11:52
1000 руб./за проект
06 мая 2024, в 10:17
15000 руб./за проект