在任何PhoneGap項(xiàng)目中,首先應(yīng)該偵聽deviceready事件。事件觸發(fā)表示DOM已經(jīng)加載和PhoneGapAPI已加載,此時(shí)可以檢測其他事件或者處理其他內(nèi)容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>PhoneGap resume Example</title>
<script type="text/javascript" charset="UTF-8" src="cordova.js"></script>
<script type="text/javascript" charset="UTF-8">
document.addEventListener("deviceready",onDeviceReady,false);
function onDeviceReady(){
//注冊事件偵聽器
document.addEventListener("resume",onResume,false);
document.addEventListener("pause",onPause,false);
document.addEventListener("menubutton",onMenuButton,false);
document.addEventListener("backbutton",onBackButton,false);
document.addEventListener("searchbutton",onSearchButton,false);
document.addEventListener("online",isOnline,false);
document.addEventListener("offline",isOffline,false);
}
//處理恢復(fù)事件
function onResume(){
alert("頁面恢復(fù)");
}
//處理暫停事件
function onPause(){
alert("頁面暫停");
}
//處理菜單按鈕
function onMenuButton(){
alert("點(diǎn)擊菜單按鈕");
}
//處理返回按鈕
function onBackButton(){
alert("點(diǎn)擊返回按鈕");
}
//處理搜索按鈕
function onSearchButton(){
alert("點(diǎn)擊搜索按鈕");
}
//處理在線事件(連接到Internet)
function isOnline(){
alert("網(wǎng)絡(luò)連接");
}
//處理離線事件(斷開Internet連接)
function isOffline(){
alert("網(wǎng)絡(luò)斷開);
}
</script>
</head>
<body>
</body>
</html>