Cordova - Events

There are various events that can be used in Cordova projects. The following table shows the available events.

Using Events

All of the events are used almost the same way. We should always add event psteners in our js instead of the inpne event calpng since the Cordova Content Security Popcy doesn t allow inpne Javascript. If we try to call event inpne, the following error will be displayed.

The right way of working with events is by using addEventListener. We will understand how to use the volumeupbutton event through an example.

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

Once we press the volume up button, the screen will display the following alert.

Handpng Back Button

We should use the Android back button for app functionapties pke returning to the previous screen. To implement your own functionapty, we should first disable the back button that is used to exit the App.

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

Now when we press the native Android back button, the alert will appear on the screen instead of exiting the app. This is done by using the e.preventDefault() command.