Cordova - 事件

Cordova 项目中可以使用各种事件。下表显示了可用的事件。

S.No 事件和详细信息
1

deviceReady

Cordova 完全加载后会触发此事件。这有助于确保在所有内容加载之前不会调用任何 Cordova 函数。

2

pause

当应用进入后台时会触发此事件。

3

resume

当应用从后台返回时会触发此事件。

4

backbutton

当后退按钮处于按下。

5

menubutton

按下菜单按钮时触发此事件。

6

searchbutton

按下 Android 搜索按钮时触发此事件。

7

startcallbutton

按下开始通话按钮时触发此事件。

8

endcallbutton

按下结束通话按钮时触发此事件。

9

volumedownbutton

按下降低音量按钮时触发此事件。

10

volumeupbutton

按下提高音量按钮时触发此事件。

使用事件

几乎所有事件都使用相同的方式。我们应该始终在 js 中添加事件监听器,而不是 内联事件调用,因为 Cordova 内容安全策略 不允许内联 Javascript。如果我们尝试以内联方式调用事件,将显示以下错误。

Event Error

处理事件的正确方法是使用 addEventListener。我们将通过示例了解如何使用 volumeupbutton 事件。

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

一旦我们按下音量调高按钮,屏幕将显示以下警报。

Event Volume Up

处理返回按钮

我们应该使用 Android 返回按钮来实现应用程序功能,例如返回上一个屏幕。要实现您自己的功能,我们应该首先禁用用于退出应用程序的返回按钮。

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

现在,当我们按下原生 Android 返回按钮时,屏幕上会出现警报,而不是退出应用程序。这是通过使用 e.preventDefault() 命令完成的。

Event Back Button