Улучшить эту документациюПросмотреть исходный код$swipe
- сервис в модуле 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