Cordova - Eventos
Existem vários eventos que podem ser usados em projetos de Córdoba. A tabela a seguir mostra os eventos disponíveis.
S.Não | Eventos e detalhes |
---|---|
1 | deviceReady Este evento é acionado quando o Cordova está totalmente carregado. Isso ajuda a garantir que nenhuma função do Cordova seja chamada antes de tudo ser carregado. |
2 | pause Este evento é acionado quando o aplicativo é colocado em segundo plano. |
3 | resume Este evento é acionado quando o aplicativo retorna do segundo plano. |
4 | backbutton Este evento é acionado quando o botão Voltar é pressionado. |
5 | menubutton Este evento é acionado quando o botão do menu é pressionado. |
6 | searchbutton Este evento é acionado quando o botão de pesquisa do Android é pressionado. |
7 | startcallbutton Este evento é acionado quando o botão iniciar chamada é pressionado. |
8 | endcallbutton Este evento é acionado quando o botão Encerrar chamada é pressionado. |
9 | volumedownbutton Este evento é acionado quando o botão de diminuir o volume é pressionado. |
10 | volumeupbutton Este evento é acionado quando o botão de aumentar o volume é pressionado. |
Usando eventos
Todos os eventos são usados quase da mesma maneira. Devemos sempre adicionar ouvintes de eventos em nossojs ao invés de inline event calling desde o Cordova Content Security Policynão permite Javascript embutido. Se tentarmos chamar o evento embutido, o seguinte erro será exibido.
A maneira certa de trabalhar com eventos é usando addEventListener. Vamos entender como usar ovolumeupbutton evento através de um exemplo.
document.addEventListener("volumeupbutton", callbackFunction, false);
function callbackFunction() {
alert('Volume Up Button is pressed!');
}
Assim que pressionamos o volume up , a tela exibirá o seguinte alerta.
Botão Traseiro de Manuseio
Devemos usar o botão Voltar do Android para funcionalidades do aplicativo, como retornar à tela anterior. Para implementar sua própria funcionalidade, devemos primeiro desabilitar o botão Voltar que é usado para sair do aplicativo.
document.addEventListener("backbutton", onBackKeyDown, false);
function onBackKeyDown(e) {
e.preventDefault();
alert('Back Button is Pressed!');
}
Agora, quando pressionamos o botão voltar nativo do Android, o alerta aparecerá na tela em vez de sair do aplicativo. Isso é feito usando oe.preventDefault() comando.