Cordova 事件

2018-12-28 14:09 更新

在Cordova項目中可以使用各種事件。下表顯示可用事件。

Cordova事件

序號事件和描述
1

deviceReady

一旦Cordova完全加載,事件就會觸發(fā)。這有助于確保在加載所有內(nèi)容之前沒有調(diào)用Cordova函數(shù)。

2

pause

當(dāng)應(yīng)用程序進(jìn)入后臺時觸發(fā)事件。

3

resume

當(dāng)應(yīng)用程序從后臺返回時,會觸發(fā)事件。

4

backbutton

當(dāng)按下返回按鈕時觸發(fā)事件。

5

menubutton

當(dāng)按下菜單按鈕時觸發(fā)事件。

6

searchbutton

當(dāng)按下Android搜索按鈕時,會觸發(fā)該事件。

7

startcallbutton

按下啟動呼叫按鈕時會觸發(fā)該事件。

8

endcallbutton

當(dāng)按下結(jié)束通話按鈕時觸發(fā)該事件。

9

volumedownbutton

按下音量調(diào)低按鈕時會觸發(fā)該事件。

10

volumeupbutton

按下音量提高按鈕時會觸發(fā)該事件。

使用事件

所有事件都以類似的方式使用。我們應(yīng)該始終在 js 中添加事件監(jiān)聽器,而不是內(nèi)聯(lián)事件調(diào)用,因為Cordova 內(nèi)容安全策略不允許內(nèi)置Javascript。 如果我們嘗試調(diào)用事件內(nèi)聯(lián),我們將得到以下錯誤。

Event Error

使用事件的正確方法是使用 addEventListener 我們將向您展示使用 volumeupbutton 事件的示例。

document.addEventListener("volumeupbutton", callbackFunction, false);

function callbackFunction() {
   alert('Volume Up Button is pressed!')
}

一旦我們按下音量提高按鈕,警報將顯示在屏幕上。

Event Volume Up

處理返回按鈕

你通常會想要使用Android返回按鈕的一些應(yīng)用程序功能,如返回到上一個屏幕。為了能夠?qū)崿F(xiàn)自己的功能,首先需要在按下返回按鈕時禁用退出應(yīng)用程序。

document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown(e) {
   e.preventDefault();
   alert('Back Button is Pressed!');
}

現(xiàn)在,當(dāng)我們按本機Android后退按鈕時,警報將顯示在屏幕上,而不是退出應(yīng)用程序。這是通過使用 e.preventDefault()來完成的。

Event Back Button
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號