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.