События касаний для мобильников в MooTools 1.3

В новым релизе MooTools 1.3 представлено много новых функциональных возможностей для JavaScript фреймворка. Одна из самых приятных — это возможность детектить события в мобильниках: touchstart, touchmove, touchend, touchcancel, gesturestart, gesturechange, gestureend и orientationchange. Давайте, мы вам покажем, как можно использовать данную функциональность MooTools для мобильных телефонов!

Посмотреть пример на davidwalsh.name

MooTools JavaScript

Существует четрые различных события, которые могут быть опознаны с помощью MooTools: touchstart, touchmove, touchend и touchcancel. Три события жестов: gesturestart, gesturechange и gestureend. Вы также можете проследить, если изменилась ориентация положения мобильника с помощью orientationchange! Мы создаем события в традиционном стиле MooTools:

Объект события выглядит точно также, как и обычный объект. Дополнительную информацию по свойствам таких объектов можно найти в MooTools Event documentation. Вот быстрый сниппет для прослушки всех мобильных событий:

Всякий раз, когда срабатывает мобильное событие, новый элемент списка с именем события помещается наверх UL элемента с id mobileEventList.

Откуда вы нашли имена событий?

Быстрый просмотр Element.Event кода, дал нам список каждого события, которое поддерживается MooTools:

Посмотреть пример на davidwalsh.name


Оставить комментарий