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。如果我们尝试以内联方式调用事件,将显示以下错误。
处理事件的正确方法是使用 addEventListener。我们将通过示例了解如何使用 volumeupbutton 事件。
document.addEventListener("volumeupbutton", callbackFunction, false); function callbackFunction() { alert('Volume Up Button is pressed!'); }
一旦我们按下音量调高按钮,屏幕将显示以下警报。
处理返回按钮
我们应该使用 Android 返回按钮来实现应用程序功能,例如返回上一个屏幕。要实现您自己的功能,我们应该首先禁用用于退出应用程序的返回按钮。
document.addEventListener("backbutton", onBackKeyDown, false); function onBackKeyDown(e) { e.preventDefault(); alert('Back Button is Pressed!'); }
现在,当我们按下原生 Android 返回按钮时,屏幕上会出现警报,而不是退出应用程序。这是通过使用 e.preventDefault() 命令完成的。