Ионный - события Javascript

Различные ионные события могут быть использованы для повышения интерактивности с пользователями. Следующая таблица объясняет все ионные события.

Название события	Детали события
на удерживании	Вызывается при продолжительности касания более 500 мс.
на кране	Вызывается, когда длительность касания менее 250 мс.
двойное нажатие	Вызывается при двойном касании.
на ощупь	Вызывается сразу после начала касания.
при выпуске	Вызывается, когда заканчивается касание.
перетаскивание	Вызывается, когда касание перемещается без отпускания по странице в любом направлении.
перетаскивание	Вызывается, когда элемент перетаскивается.
на-перетащить-вправо	Вызывается при перетаскивании элемента вправо.
на-перетащить-влево	Вызывается при перетаскивании элемента влево.
перетаскивание вниз	Вызывается, когда элемент перетаскивается вниз.
свайп	Вызывается, когда любое перетаскивание имеет высокую скорость движения в любом направлении.
смахивание вверх	Вызывается, когда любое перетаскивание имеет высокую скорость движения вверх.
на-свайп-вправо	Вызывается, когда любое перетаскивание имеет высокую скорость перемещения вправо.
на-свайп-влево	Вызывается, когда любое перетаскивание имеет высокую скорость перемещения влево.
на-свайп-вниз	Вызывается, когда любое перетаскивание имеет высокую скорость движения вниз.

Использование событий

Поскольку все ионные события можно использовать одинаково, мы покажем вам, как использовать on-touchсобытие, и вы можете просто применить те же принципы к другим событиям. Для начала создадим кнопку и назначимon-touch событие, которое вызовет onTouchFunction().

<button on-touch = "onTouchFunction()" class="button">Test</button>

Затем мы создадим эту функцию в области нашего контроллера.

$scope.onTouchFunction = function() {
   // Do something...
}

Теперь, когда происходит событие касания, onTouchFunction() будет называться.