Spec-Zone.ru › Angular.js 1.6

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

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

Обзор

Сервис $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–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ngTouch/service/$swipe

Spec-Zone.ru

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