炫意html5
最早CSS3和HTML5移动技术网站之一

Cordova事件

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

Cordova 事件

SN 事件 & 描述
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。 我们将展示一个使用音量增大按钮事件的例子。

document.addEventListener("volumeupbutton", callbackFunction, false);
function callbackFunction() {
alert('Volume Up Button is pressed!')
}
在终端下执行以下命令(启动仿真器后再执行):

D:\worksp\cordova\CordovaProject> cordova bulid android
D:\worksp\cordova\CordovaProject> cordova run android 
一旦我们按音量按钮,警告就会显示在屏幕上。

处理后退按钮

通常使用Android后退按钮对于一些应用功能,好像回到上一个屏幕。为了能够实现自己的功能,首先需要按下后退按钮时,禁用退出应用程序。

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

现在,当我们按下原生的 Android 后退按钮,警告提示就会出现在屏幕上,而不是退出应用程序。 这里是通过使用 e.preventDefault()完成。

炫意HTML5 » Cordova事件

Java基础教程Android基础教程