Cordova - Événements

Il existe différents événements qui peuvent être utilisés dans les projets Cordova. Le tableau suivant présente les événements disponibles.

S.Non	Événements et détails
1	deviceReady Cet événement est déclenché une fois que Cordova est complètement chargé. Cela permet de garantir qu'aucune fonction Cordova n'est appelée avant que tout ne soit chargé.
2	pause Cet événement est déclenché lorsque l'application est mise en arrière-plan.
3	resume Cet événement est déclenché lorsque l'application est renvoyée depuis l'arrière-plan.
4	backbutton Cet événement est déclenché lorsque le bouton retour est enfoncé.
5	menubutton Cet événement est déclenché lorsque le bouton de menu est enfoncé.
6	searchbutton Cet événement est déclenché lorsque le bouton de recherche Android est enfoncé.
sept	startcallbutton Cet événement est déclenché lorsque le bouton de démarrage d'appel est enfoncé.
8	endcallbutton Cet événement est déclenché lorsque le bouton de fin d'appel est enfoncé.
9	volumedownbutton Cet événement est déclenché lorsque le bouton de réduction du volume est enfoncé.
dix	volumeupbutton Cet événement est déclenché lorsque le bouton d'augmentation du volume est enfoncé.

Utilisation des événements

Tous les événements sont utilisés presque de la même manière. Nous devons toujours ajouter des écouteurs d'événements dans notrejs à la place du inline event calling depuis le Cordova Content Security Policyn'autorise pas le Javascript en ligne. Si nous essayons d'appeler l'événement en ligne, l'erreur suivante sera affichée.

La bonne façon de travailler avec les événements consiste à utiliser addEventListener. Nous comprendrons comment utiliser levolumeupbutton événement à travers un exemple.

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

Une fois que nous appuyons sur le volume up , l'écran affichera l'alerte suivante.

Manipulation du bouton Retour

Nous devrions utiliser le bouton de retour d'Android pour les fonctionnalités de l'application comme le retour à l'écran précédent. Pour implémenter votre propre fonctionnalité, nous devons d'abord désactiver le bouton de retour utilisé pour quitter l'application.

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

Désormais, lorsque nous appuyons sur le bouton de retour natif d'Android, l'alerte apparaîtra à l'écran au lieu de quitter l'application. Cela se fait en utilisant lee.preventDefault() commander.