Cordova - Veranstaltungen

Es gibt verschiedene Ereignisse, die in Cordova-Projekten verwendet werden können. Die folgende Tabelle zeigt die verfügbaren Ereignisse.

S.No.	Veranstaltungen & Details
1	deviceReady Dieses Ereignis wird ausgelöst, sobald Cordova vollständig geladen ist. Dies hilft sicherzustellen, dass keine Cordova-Funktionen aufgerufen werden, bevor alles geladen ist.
2	pause Dieses Ereignis wird ausgelöst, wenn die App in den Hintergrund gestellt wird.
3	resume Dieses Ereignis wird ausgelöst, wenn die App aus dem Hintergrund zurückgegeben wird.
4	backbutton Dieses Ereignis wird ausgelöst, wenn die Zurück-Taste gedrückt wird.
5	menubutton Dieses Ereignis wird ausgelöst, wenn die Menütaste gedrückt wird.
6	searchbutton Dieses Ereignis wird ausgelöst, wenn die Android-Suchtaste gedrückt wird.
7	startcallbutton Dieses Ereignis wird ausgelöst, wenn die Starttaste gedrückt wird.
8	endcallbutton Dieses Ereignis wird ausgelöst, wenn die Taste zum Beenden des Anrufs gedrückt wird.
9	volumedownbutton Dieses Ereignis wird ausgelöst, wenn die Lautstärketaste gedrückt wird.
10	volumeupbutton Dieses Ereignis wird ausgelöst, wenn die Lauter-Taste gedrückt wird.

Ereignisse verwenden

Alle Ereignisse werden fast gleich verwendet. Wir sollten immer Event-Listener in unsere Liste aufnehmenjs anstatt der inline event calling seit der Cordova Content Security Policyerlaubt kein Inline-Javascript. Wenn wir versuchen, das Ereignis inline aufzurufen, wird der folgende Fehler angezeigt.

Die richtige Art, mit Ereignissen zu arbeiten, ist die Verwendung von addEventListener. Wir werden verstehen, wie man das benutztvolumeupbutton Ereignis durch ein Beispiel.

document.addEventListener("volumeupbutton", callbackFunction, false);  
function callbackFunction() { 
   alert('Volume Up Button is pressed!');
}

Sobald wir die drücken volume up Auf dem Bildschirm wird die folgende Warnung angezeigt.

Handling Back Button

Wir sollten die Android-Zurück-Schaltfläche für App-Funktionen wie die Rückkehr zum vorherigen Bildschirm verwenden. Um Ihre eigene Funktionalität zu implementieren, sollten Sie zuerst die Zurück-Schaltfläche deaktivieren, mit der die App beendet wird.

document.addEventListener("backbutton", onBackKeyDown, false);  
function onBackKeyDown(e) { 
   e.preventDefault(); 
   alert('Back Button is Pressed!'); 
}

Wenn wir nun die native Android-Zurück-Taste drücken, wird die Warnung auf dem Bildschirm angezeigt, anstatt die App zu beenden. Dies geschieht mit deme.preventDefault() Befehl.