Ionic - Javascript Ereignisse

Verschiedene ionische Ereignisse können verwendet werden, um die Interaktivität mit Benutzern zu erhöhen. In der folgenden Tabelle werden alle ionischen Ereignisse erläutert.

Veranstaltungsname	Ereignisdetail
in Wartestellung	Wird aufgerufen, wenn die Dauer der Berührung mehr als 500 ms beträgt.
vom Fass	Wird aufgerufen, wenn die Dauer der Berührung weniger als 250 ms beträgt.
Doppelklick	Wird aufgerufen, wenn zweimal getippt wird.
auf Berührung	Wird sofort angerufen, wenn die Berührung beginnt.
bei Veröffentlichung	Wird aufgerufen, wenn die Berührung endet.
beim Ziehen	Wird aufgerufen, wenn die Berührung bewegt wird, ohne dass die Seite in eine beliebige Richtung freigegeben wird.
beim Ziehen	Wird aufgerufen, wenn das Element nach oben gezogen wird.
on-drag-right	Wird aufgerufen, wenn das Element nach rechts gezogen wird.
on-drag-left	Wird aufgerufen, wenn das Element nach links gezogen wird.
beim Ziehen nach unten	Wird aufgerufen, wenn das Element nach unten gezogen wird.
On-Swipe	Wird aufgerufen, wenn sich beim Ziehen eine hohe Geschwindigkeit in eine beliebige Richtung bewegt.
On-Swipe-Up	Wird aufgerufen, wenn beim Ziehen eine hohe Geschwindigkeit auftritt.
on-swipe-right	Wird aufgerufen, wenn beim Ziehen eine hohe Geschwindigkeit nach rechts verschoben wird.
on-swipe-left	Wird aufgerufen, wenn beim Ziehen eine hohe Geschwindigkeit nach links verschoben wird.
On-Swipe-Down	Wird aufgerufen, wenn beim Ziehen eine hohe Geschwindigkeit nach unten bewegt wird.

Ereignisse verwenden

Da alle ionischen Ereignisse auf die gleiche Weise verwendet werden können, zeigen wir Ihnen, wie Sie das verwenden on-touchEreignis und Sie können einfach die gleichen Prinzipien auf die anderen Ereignisse anwenden. Zunächst erstellen wir eine Schaltfläche und weisen eine zuon-touch Ereignis, das die aufruft onTouchFunction().

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

Dann werden wir diese Funktion in unserem Controller-Bereich erstellen.

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

Wenn nun ein Berührungsereignis auftritt, wird das onTouchFunction() wird angerufen werden.