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

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

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

Обзор

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

Методы

bind();