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()完成。