事件
科爾多瓦生命週期事件。
事件種類
- deviceready
- 暫停
- 簡歷
- backbutton
- menubutton
- searchbutton
- startcallbutton
- endcallbutton
- volumedownbutton
- volumeupbutton
由org.apache.cordova.battery 狀態添加事件
- batterycritical
- batterylow
- batterystatus
由org.apache.cordova.network 資訊添加事件
- online
- offline
deviceready
科爾多瓦是在完全載入時,將觸發該事件。
document.addEventListener("deviceready", yourCallbackFunction, false);
詳細資訊
此事件的任何應用程式至關重要。它發出信號科爾多瓦的設備已載入的 Api,並準備訪問。
科爾多瓦組成的兩個代碼庫: 本機和 JavaScript。 雖然本機代碼載入、 顯示的自訂載入圖像。 然而,JavaScript 僅載入一旦 DOM 裝載。 這意味著 web 應用程式可能有可能調用的科爾多瓦 JavaScript 函數之前的相應的本機代碼變得可用。
deviceready
科爾多瓦已完全載入後會觸發事件。 一次事件火,你可以安全地使對科爾多瓦 Api 的調用。 應用程式通常將附加一個事件攔截器與 document.addEventListener
一旦 HTML 文檔的 DOM 已載入。
deviceready
事件從其他人的行為方式略有不同。註冊後的任何事件處理 deviceready
事件將觸發了其立即調用的回呼函數。
支援的平臺
- 亞馬遜火 OS
- Android 系統
- 黑莓 10
- iOS
- Tizen
- Windows Phone 7 和 8
- Windows 8
快速的示例
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
// Now safe to use device APIs
}
完整的示例
<!DOCTYPE html>
<html>
<head>
<title>Device Ready Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Now safe to use device APIs
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
暫停
當一個應用程式放入後臺,將觸發該事件。
document.addEventListener("pause", yourCallbackFunction, false);
詳細資訊
pause
當本機平臺放入背景,應用程式通常在使用者切換到不同的應用程式時激發的事件。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 亞馬遜火 OS
- Android 系統
- 黑莓 10
- iOS
- Windows Phone 7 和 8
- Windows 8
快速的示例
document.addEventListener("pause", onPause, false);
function onPause() {
// Handle the pause event
}
完整的示例
<!DOCTYPE html>
<html>
<head>
<title>Pause Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
document.addEventListener("pause", onPause, false);
}
// Handle the pause event
//
function onPause() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
iOS 的怪癖
在 pause
處理常式中,任何調用到科爾多瓦 API 或穿過目標 C 的本機外掛程式不工作,以及任何互動式調用,如警報或 console.log()
。 當應用程式恢復後,在下一次運行迴圈上他們,只處理。
特定于 iOS resign
事件是可用作為替代 pause
,並檢測時的使用者啟用鎖定按鈕鎖定設備與應用程式在前臺運行。 如果為多工啟用的應用程式 (和設備),則這配對與其後 pause
事件,但只在 iOS 5 下的。 實際上,所有鎖定應用程式已啟用多工的 iOS 5 中被推到背景中。 對於應用程式繼續運行在 iOS 5 下鎖定時,禁用應用程式的多工處理通過將UIApplicationExitsOnSuspend設置為 YES
。 若要運行在 iOS 4 上鎖定狀態時,此設置並不重要。
簡歷
當應用程式從背景中檢索時,將觸發該事件。
document.addEventListener("resume", yourCallbackFunction, false);
詳細資訊
resume
事件觸發時的本機平臺拔出從背景的應用程式。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 亞馬遜火 OS
- Android 系統
- 黑莓 10
- iOS
- Windows Phone 7 和 8
- Windows 8
快速的示例
document.addEventListener("resume", onResume, false);
function onResume() {
// Handle the resume event
}
完整的示例
<!DOCTYPE html>
<html>
<head>
<title>Resume Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
document.addEventListener("resume", onResume, false);
}
// Handle the resume event
//
function onResume() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
iOS 的怪癖
從調用任何互動式函數 pause
事件處理常式以後執行應用程式恢復時,由發出信號 resume
事件。 這些包括警報, console.log()
,和任何調用從外掛程式或 API,科爾多瓦,穿過目標 C.
活動事件
特定于 iOS
active
事件是可用作為替代resume
,並檢測時使用者禁用鎖定按鈕以解鎖設備與應用程式在前臺運行。 如果為多工啟用的應用程式 (和設備),則這配對與其後resume
事件,但只在 iOS 5 下的。 實際上,所有鎖定應用程式已啟用多工的 iOS 5 中被推到背景中。 對於應用程式繼續運行在 iOS 5 下鎖定時,禁用應用程式的多工處理通過將UIApplicationExitsOnSuspend設置為YES
。 若要運行在 iOS 4 上鎖定狀態時,此設置並不重要。恢復事件
當從調用
resume
事件處理常式,如互動式功能alert()
需要包裝在setTimeout()
調用超時值為零,否則應用程式掛起。 例如:document.addEventListener("resume", onResume, false); function onResume() { setTimeout(function() { // TODO: do your thing! }, 0); }
backbutton
在使用者按後退按鈕時,將觸發該事件。
document.addEventListener("backbutton", yourCallbackFunction, false);
詳細資訊
要重寫後退按鈕的預設行為,註冊為事件攔截器 backbutton
事件,通常通過調用 document.addEventListener
一旦您收到 deviceready
事件。 不再需要調用任何其他方法重寫的後退按鈕的行為。
支援的平臺
- 亞馬遜火 OS
- Android 系統
- 黑莓 10
- Windows Phone 7 和 8
快速的示例
document.addEventListener("backbutton", onBackKeyDown, false);
function onBackKeyDown() {
// Handle the back button
}
完整的示例
<!DOCTYPE html>
<html>
<head>
<title>Back Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("backbutton", onBackKeyDown, false);
}
// Handle the back button
//
function onBackKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
menubutton
在使用者按功能表按鈕時,將觸發該事件。
document.addEventListener("menubutton", yourCallbackFunction, false);
詳細資訊
事件處理常式的應用覆蓋的預設功能表按鈕行為。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 亞馬遜火 OS
- Android 系統
- 黑莓 10
快速的示例
document.addEventListener("menubutton", onMenuKeyDown, false);
function onMenuKeyDown() {
// Handle the back button
}
完整的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Menu Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("menubutton", onMenuKeyDown, false);
}
// Handle the menu button
//
function onMenuKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
searchbutton
當使用者按 Android 上的搜尋按鈕時,將觸發該事件。
document.addEventListener("searchbutton", yourCallbackFunction, false);
詳細資訊
如果您需要重寫預設的搜尋按鈕行為在 android 系統上您可以註冊為 'searchbutton' 事件一個事件攔截器。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- Android 系統
快速的示例
document.addEventListener("searchbutton", onSearchKeyDown, false);
function onSearchKeyDown() {
// Handle the search button
}
完整的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Search Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("searchbutton", onSearchKeyDown, false);
}
// Handle the search button
//
function onSearchKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
startcallbutton
當使用者按下開始呼叫按鈕時,將觸發該事件。
document.addEventListener("startcallbutton", yourCallbackFunction, false);
詳細資訊
如果您需要重寫預設開始調用行為您可以註冊為事件攔截器 startcallbutton
事件。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 黑莓 10
快速的示例
document.addEventListener("startcallbutton", onStartCallKeyDown, false);
function onStartCallKeyDown() {
// Handle the start call button
}
完整的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Start Call Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("startcallbutton", onStartCallKeyDown, false);
}
// Handle the start call button
//
function onStartCallKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
endcallbutton
當使用者按下結束通話按鈕時,將激發此事件。
document.addEventListener("endcallbutton", yourCallbackFunction, false);
詳細資訊
該事件將重寫預設結束調用行為。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 黑莓 10
快速的示例
document.addEventListener("endcallbutton", onEndCallKeyDown, false);
function onEndCallKeyDown() {
// Handle the end call button
}
完整的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>End Call Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("endcallbutton", onEndCallKeyDown, false);
}
// Handle the end call button
//
function onEndCallKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
volumedownbutton
在使用者按下按鈕卷時,將觸發該事件。
document.addEventListener("volumedownbutton", yourCallbackFunction, false);
詳細資訊
如果您需要重寫預設音量降低的行為你可以註冊為事件攔截器 volumedownbutton
事件。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 黑莓 10
快速的示例
document.addEventListener("volumedownbutton", onVolumeDownKeyDown, false);
function onVolumeDownKeyDown() {
// Handle the volume down button
}
完整的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Volume Down Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("volumedownbutton", onVolumeDownKeyDown, false);
}
// Handle the volume down button
//
function onVolumeDownKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
volumeupbutton
當使用者按下了按鈕卷時,將觸發該事件。
document.addEventListener("volumeupbutton", yourCallbackFunction, false);
詳細資訊
如果您需要重寫預設卷起來的行為你可以註冊為事件攔截器 volumeupbutton
事件。
應用程式通常應使用 document.addEventListener
將一個事件攔截器附加一次 deviceready
事件火災。
支援的平臺
- 黑莓 10
快速的示例
document.addEventListener("volumeupbutton", onVolumeUpKeyDown, false);
function onVolumeUpKeyDown() {
// Handle the volume up button
}
完整的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Volume Up Button Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("volumeupbutton", onVolumeUpKeyDown, false);
}
// Handle the volume up button
//
function onVolumeUpKeyDown() {
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>