Spec-Zone.ru › Angular.js 1.8

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

  1. сервис в модуле ngTouch
Устаревшее: (с версии 1.7.0)

Для получения дополнительной информации см. документацию модуля.

Обзор

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

Spec-Zone.ru

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