PhonegapAPIDemo(New)资源-CSDN文库

共29个文件

html：29个

Phonegap

Demo

4星 · 超过85%的资源需积分: 4 194 浏览量 2013-02-24 11:44:05 上传评论 2 收藏 23KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

apidemo.rar （29个子文件）

apidemo

fileDemo03.html 2KB

fileDemo05.html 1KB

captureDemo03.html 2KB

contactsDemo04.html 1KB

contactsDemo05.html 1KB

contactsDemo06.html 1KB

fileDemo08.html 1KB

eventsDemo.html 3KB

contactsDemo01.html 1KB

fileDemo01.html 2KB

deviceDemo.html 1KB

storageDemo02.html 1KB

mediaDemo01.html 3KB

contactsDemo08.html 3KB

storageDemo01.html 2KB

mediaDemo02.html 2KB

contactsDemo03.html 3KB

captureDemo01.html 2KB

fileDemo09.html 1KB

networkDemo.html 1KB

fileDemo02.html 1KB

notificationDemo.html 2KB

captureDemo02.html 2KB

fileDemo04.html 2KB

fileDemo07.html 1KB

contactsDemo02.html 1KB

contactsDemo07.html 1KB

fileDemo06.html 1KB

cameraDemo01.html 1KB

<!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>

评论收藏

内容反馈