Ionic - zdarzenia JavaScript

Do dodania interaktywności z użytkownikami można wykorzystać różne zdarzenia Ionic. Poniższa tabela wyjaśnia wszystkie zdarzenia jonowe.

Nazwa wydarzenia	Szczegóły wydarzenia
w oczekiwaniu	Wywoływane, gdy czas trwania dotyku jest dłuższy niż 500 ms.
po dotknięciu	Wywoływane, gdy czas trwania dotyku jest krótszy niż 250 ms.
po dwukrotnym dotknięciu	Wywoływane, gdy jest podwójne dotknięcie dotknięcia.
w dotyku	Wywoływane natychmiast po rozpoczęciu dotyku.
po wydaniu	Wywoływane, gdy kończy się dotyk.
na przeciąganie	Wywoływane, gdy dotyk jest przesuwany bez puszczania strony w dowolnym kierunku.
on-drag-up	Wywoływane, gdy element jest przeciągany w górę.
przeciągnij w prawo	Wywoływane, gdy element jest przeciągany w prawo.
przeciągnij w lewo	Wywoływane, gdy element jest przeciągany w lewo.
przeciąganie w dół	Wywoływane, gdy element jest przeciągany w dół.
on-swipe	Wywoływane, gdy przeciąganie ma dużą prędkość poruszającą się w dowolnym kierunku.
po przesunięciu w górę	Wywoływane, gdy jakiekolwiek przeciąganie ma dużą prędkość poruszającą się w górę.
po przesunięciu w prawo	Wywoływane, gdy jakiekolwiek przeciąganie ma dużą prędkość poruszania się w prawo.
przesuń palcem w lewo	Wywoływane, gdy jakiekolwiek przeciąganie ma dużą prędkość poruszającą się w lewo.
on-swipe-down	Wywoływane, gdy jakiekolwiek przeciąganie ma dużą prędkość poruszania się w dół.

Korzystanie z wydarzeń

Ponieważ wszystkie zdarzenia Ionic mogą być używane w ten sam sposób, pokażemy Ci, jak używać on-touchwydarzenie i możesz po prostu zastosować te same zasady do innych wydarzeń. Na początek utworzymy przycisk i przypiszemy plikon-touch zdarzenie, które wywoła onTouchFunction().

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

Następnie utworzymy tę funkcję w naszym zakresie kontrolera.

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

Teraz, gdy wystąpi zdarzenie dotykowe, plik onTouchFunction() będzie wezwany.