Spec-Zone.ru › Angular.js 1.5

Улучшить эту документациюПросмотреть исходный код$swipe

  1. сервис в модуле ngTouch

Сервис $swipe — это сервис, абстрагирующий более сложные детали поведения "hold-and-drag" swipe, чтобы сделать реализацию директив, связанных со свайпом, более удобной.

Требуется, чтобы модуль ngTouch был установлен.

$swipe используется директивами ngSwipeLeft и ngSwipeRight в ngTouch.

Использование

Сервис $swipe — это объект с единственным методом: bind. bind принимает элемент, который нужно отслеживать на предмет свайпов, и объект с четырьмя обработчиками событий. См. документацию для bind ниже.

Методы

  • bind();

    Основной метод $swipe. Он принимает элемент, который нужно отслеживать на предмет свайпов, и объект, содержащий обработчики событий. Типы указателей, которые следует использовать, можно указать с помощью необязательного третьего аргумента, который представляет собой массив строк 'mouse', 'touch' и 'pointer'. По умолчанию $swipe будет прослушивать события mouse, touch и pointer.

    Четыре события — start, move, end, и cancel. start, move, и end получают в качестве параметра объект координат в формате { x: 150, y: 310 } и исходное event. cancel получает исходное event в качестве единственного параметра.

    start вызывается при mousedown, touchstart или pointerdown. После этого события $swipe прослушивает события touchmove, mousemove или pointermove. Эти события игнорируются до тех пор, пока общее расстояние, пройденное в любом направлении, не превысит небольшой порог.

    Как только этот порог превышен, либо горизонтальная, либо вертикальная дельта больше.

    • Если горизонтальное расстояние больше, это свайп, и следуют события move и end.
    • Если вертикальное расстояние больше, это прокрутка, и мы позволяем браузеру взять на себя управление. Отправляется событие cancel.

    move вызывается при mousemove, touchmove и pointermove после того, как вышеописанная логика определила, что свайп происходит.

    end вызывается, когда свайп успешно завершен с touchend, mouseup или pointerup.

    cancel вызывается при touchcancel или pointercancel из браузера, или когда мы начинаем прокрутку, как описано выше.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ngTouch/service/$swipe

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API