<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>PhoneGap-Events</title>
<link rel="stylesheet" href="../jquery.mobile-1.1.1/jquery.mobile-1.1.1.css" />
<script src="../jquery.mobile-1.1.1/jquery.js"></script>
<script src="../jquery.mobile-1.1.1/jquery.mobile-1.1.1.js"></script>
<script type="text/javascript" charset="utf-8" src="../cordova-1.9.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
document.addEventListener("deviceready", myDeviceReadyListener, false);
});
function myDeviceReadyListener(){
console.log("设备加载完毕!");
$("#deviceStatus .ui-btn-text").text("设备加载完毕!");
//注册其他事件
document.addEventListener("pause", myPauseListener, false);
document.addEventListener("resume", myResumeListener, false);
document.addEventListener("online", myOnlineListener, false);
document.addEventListener("offline", myOfflineListener, false);
document.addEventListener("backbutton", myBackbuttonListener, false);
document.addEventListener("menubutton", myMenubuttonListener, false);
window.addEventListener("batterystatus", myBatterystatusListener, false);
window.addEventListener("batterylow", myBatterylowListener, false);
window.addEventListener("batterycritical", myBatterycriticalListener, false);
}
function myBatterystatusListener(info){
console.log("电量值" + info.level);
$("#batterystatus .ui-btn-text").text("电量值" + info.level);
}
function myBatterylowListener(info){
console.log("电量低，请及时充电，电量值" + info.level);
}
function myBatterycriticalListener(info){
console.log("电量过低，请及时充电，电量值" + info.level);
}
function myPauseListener(){
console.log("应用被置为后台");
$("#deviceCurrentStatus .ui-btn-text").text("应用为后台");
}
function myResumeListener(){
console.log("应用被置为前台");
$("#deviceCurrentStatus .ui-btn-text").text("应用为前台");
}
function myOnlineListener(){
console.log("网络连接在线");
$("#deviceConectionStatus .ui-btn-text").text("网络连接在线");
}
function myOfflineListener(){
console.log("网络连接离线");
$("#deviceConectionStatus .ui-btn-text").text("网络连接离线");
}
var backTouchCount = 0;
var menuTouchCount = 0;
function myBackbuttonListener(){
console.log("返回按钮被按了");
backTouchCount++;
$("#backButtonTouch .ui-btn-text").text("返回按钮被按"+ backTouchCount +"次");
}
function myMenubuttonListener(){
console.log("菜单按钮被按了");
menuTouchCount++;
$("#menuButtonTouch .ui-btn-text").text("菜单按钮被按"+ menuTouchCount +"次");
}
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap实战</h1>
</div>
<div data-role="content">
<a href="#" data-role="button" id="deviceStatus">设备加载中....</a>
<a href="#" data-role="button" id="deviceCurrentStatus">应用为前台</a>
<a href="#" data-role="button" id="deviceConectionStatus">连接加载中....</a>
<a href="#" data-role="button" id="backButtonTouch">返回按钮被按0次</a>
<a href="#" data-role="button" id="menuButtonTouch">菜单按钮被按0次</a>
<a href="#" data-role="button" id="batterystatus">电量获取中...</a>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div>
</body>
</html>
apidemo.rar （14个子文件） 
apidemo 
contactsDemo04.html 1KB contactsDemo05.html 1KB contactsDemo06.html 1KB eventsDemo.html 3KB contactsDemo01.html 1KB deviceDemo.html 1KB storageDemo02.html 1KB contactsDemo08.html 3KB storageDemo01.html 2KB contactsDemo03.html 3KB networkDemo.html 1KB notificationDemo.html 2KB contactsDemo02.html 1KB contactsDemo07.html 1KB资源评论
xu6702055452013-09-30只有几个页面，当中的js内容不全
jiangwy20082013-03-08不错的入门例子，就是内容有点少- gongyou_2013-10-21例子还是有点少...
dinyylii2013-08-15一般，比较简单
