Córdoba - Eventos
Hay varios eventos que se pueden utilizar en los proyectos de Córdoba. La siguiente tabla muestra los eventos disponibles.
S. No | Eventos y detalles |
---|---|
1 | deviceReady Este evento se activa una vez que Cordova está completamente cargado. Esto ayuda a garantizar que no se invoque ninguna función de Cordova antes de que se cargue todo. |
2 | pause Este evento se activa cuando la aplicación se coloca en segundo plano. |
3 | resume Este evento se activa cuando la aplicación se devuelve desde un segundo plano. |
4 | backbutton Este evento se activa cuando se presiona el botón Atrás. |
5 | menubutton Este evento se activa cuando se presiona el botón de menú. |
6 | searchbutton Este evento se activa cuando se presiona el botón de búsqueda de Android. |
7 | startcallbutton Este evento se activa cuando se presiona el botón de inicio de llamada. |
8 | endcallbutton Este evento se activa cuando se presiona el botón Finalizar llamada. |
9 | volumedownbutton Este evento se activa cuando se presiona el botón para bajar el volumen. |
10 | volumeupbutton Este evento se activa cuando se presiona el botón para subir el volumen. |
Usar eventos
Todos los eventos se utilizan casi de la misma manera. Siempre debemos agregar detectores de eventos en nuestrojs en vez de inline event calling desde el Cordova Content Security Policyno permite JavaScript en línea. Si intentamos llamar al evento en línea, se mostrará el siguiente error.
La forma correcta de trabajar con eventos es utilizando addEventListener. Entenderemos cómo utilizar elvolumeupbutton evento a través de un ejemplo.
document.addEventListener("volumeupbutton", callbackFunction, false);
function callbackFunction() {
alert('Volume Up Button is pressed!');
}
Una vez que presionamos el volume up , la pantalla mostrará la siguiente alerta.
Manejo del botón Atrás
Deberíamos usar el botón de retroceso de Android para las funciones de la aplicación, como volver a la pantalla anterior. Para implementar su propia funcionalidad, primero debemos desactivar el botón Atrás que se usa para salir de la Aplicación.
document.addEventListener("backbutton", onBackKeyDown, false);
function onBackKeyDown(e) {
e.preventDefault();
alert('Back Button is Pressed!');
}
Ahora, cuando presionamos el botón de retroceso nativo de Android, la alerta aparecerá en la pantalla en lugar de salir de la aplicación. Esto se hace usando ele.preventDefault() mando.