跨平台移动开发_PhoneGap API 事件类型
PhoneGap API Events
backbutton
deviceready
menubutton
pause
resume
online
offline
batterycritical
batterylow
batterystatus
volumedownbutton
volumeupbutton
点击下载源代码包
参考代码
<!DOCTYPE html>
<html>
<head>
<title>
PhoneGap Device Ready Example
</title>
<link
href="content/css/themes/default/jquery.mobile.structure-1.4.0-beta.1.min.css"
rel="stylesheet"
type="text/css"/>
<link href="content/css/themes/default/jquery.mobile-1.4.0-beta.1.min.css" rel="stylesheet" type="text/css"/> <script src="content/js/jquery.js" type="text/javascript">
</script>
<script src="content/js/jquery.mobile-1.4.0-beta.1.js" type="text/javascript">
</script>
<script src="content/js/cordova.js" type="text/javascript">
</script> <script type="text/javascript">
$(function(){
//当PhoneGap被完全加载后会触发该事件。
document.addEventListener('deviceready',onDeviceReady,false);
})
function onDeviceReady() {
// 现在可以安全使用PhoneGap API
//alert('deviceready');
console.log('deviceready');
//当PhoneGap应用程序被放到后台的时候触发此事件。
document.addEventListener('pause', onPause, false);
//当PhoneGap应用程序被恢复到前台运行的时候触发此事件。
document.addEventListener('resume', onResume, false);
//当用户在Android系统上点击后退按钮的时候触发此事件。
document.addEventListener('backbutton', onBackButton, false);
//当用户在Android系统上点击菜单按钮的时候触发此事件。
document.addEventListener('menubutton', onMenuButton, false);
//当PhoneGap应用程序离线（没有连接到因特网）的时候触发此事件。
document.addEventListener('offline', isOffline, false);
//当PhoneGap应用程序在线（连接到因特网）的时候触发此事件。
document.addEventListener('online', isOnline, false);
//当PhoneGap应用程序发现电池电量降低到临界点时会触发此事件。
window.addEventListener('batterycritical', onBatteryCritical, false);
//当PhoneGap应用程序发现电池降到一个较低水平值时触发此事件。
window.addEventListener('batterylow', onBatteryLow, false);
//当PhoneGap应用程序发现电池状态发生改变时触发此事件。
window.addEventListener('batterystatus', onBatteryStatus, false);
//当用户按下加大音量按钮时会触发该事件。
document.addEventListener('volumeupbutton', onVolumeUpKeyDown, false);
}
//统计点击数量
var backbuttoncount=0;
var menubuttoncount=0;
var volumeupbuttoncount=0;
function onPause(){
console.log('onPause');
}
function onResume(){
console.log('onResume');
}
function onBackButton() {
console.log('onBackButton');
backbuttoncount++;
$('#backbuttoncount').text('后退按钮点击'+backbuttoncount+'次');
}
function onMenuButton() {
console.log('onMenuButton');
menubuttoncount++;
$('#menubuttoncount').text('菜单按钮点击'+menubuttoncount+'次');
}
function isOffline() {
console.log('Offline');
$('#ispson').text('没有连接到因特网');
}
function isOnline() {
console.log('isOnline');
$('#ispson').text('连接到因特网');
}
function onBatteryCritical(info) {
//处理电池电量不足的事件。
alert("电池电量不足" + info.level + "%");
}
function onBatteryLow(info) {
// 处理电池电量低的事件
alert("电池电量低 " + info.level + "%");
}
function onBatteryStatus(info) {
// 处理电池状态发生改变的事件
console.log("电池状态: " + info.level + " 是否充电: " + info.isPlugged);
$('#batteryinfo').text('电池状态:' + info.level + '是否充电: ' + info.isPlugged);
}
function onVolumeUpKeyDown() {
// 处理声音增大按钮事件
console.log('onVolumeUpKeyDown');
volumeupbuttoncount++;
$('#volumeupbuttoncount').text('声音增大按钮点击'+volumeupbuttoncount+'次');
}
</script>
</head>
<body>
<div data-role="page" id="page">
<h1>
Events效果
</h1> <label for="textinput-disabled">
[后退按钮]:
</label>
<a href="#" data-role="button" id="backbuttoncount">
次数
</a>
<label for="textinput-disabled">
[菜单按钮]:
</label>
<a href="#" data-role="button" id="menubuttoncount">
次数
</a>
<label for="textinput-disabled">
[声音增大按钮]有些平台不支持:
</label>
<a href="#" data-role="button" id="volumeupbuttoncount">
次数
</a>
<a href="#" data-role="button" id="batteryinfo">
电池状态
</a>
<a href="#" data-role="button" id="ispson">
网络连接状态
</a>
</div>
</body>
</html>
参考中文API文档:http://www.phonegapcn.com/events
声明：本博客高度重视知识产权保护，发现本博客发布的信息包含有侵犯其著作权的链接内容时，请联系我，我将第一时间做相应处理,联系邮箱ffgign@qq.com。
跨平台移动开发_PhoneGap API 事件类型的更多相关文章
- 跨平台移动开发_PhoneGap API Camera 使用摄像头采集照片.
camera对象提供对设备默认摄像头应用程序的访问. 程序运行效果 相关代码 <!DOCTYPE html> <html> <head> <title> ...
- 跨平台移动开发_PhoneGap 使用Geolocation基于所在地理位置坐标调用百度地图API
使用Geolocation基于所在地理位置坐标调用百度地图API 效果图 示例代码 <!DOCTYPE html> <html> <head> <title& ...
- 跨平台移动开发_PhoneGap 警告,通知,鸣叫,振动4 种通知类型
创建鸣叫 使用 confirmation.beep 创建鸣叫 function playBeep() { navigator.notification.beep(1); } 创建振动 使用 ...
- 跨平台移动开发_PhoneGap 再次点击返回键切换到桌面效果
PhoneGap 再次点击返回键切换到桌面效果 相关代码 <!DOCTYPE html> <html> <head> <title> PhoneGap ...
- 跨平台移动开发_PhoneGap 使用Accelerometer 加速器
使用Accelerometer 加速器效果图 示例代码 <!DOCTYPE html> <html> <head> <title> Cude Phone ...
- inux 驱动程序开发中输入子系统总共能产生哪些事件类型（EV_KEY,EV_ABS,EV_REL)
inux 驱动程序开发中, 输入子系统总共能产生哪些事件类型?,以及分别是什么意思?详见如下: Linux中输入设备的事件类型有EV_SYN 0x00 同步事件EV_KEY 0x01 按键事件,如KE ...
- .NET Core 跨平台物联网开发：设置委托事件(二)
系列教程目录 (一) 连接阿里云IOT (二) 设置委托事件 (三) 上报属性 (四) SDK文档 属性.方法.委托.类 http://pan.whuanle.cn/index.php?dir=up ...
- 全球首个全流程跨平台界面开发套件，PowerUI分析
一. 首个全流程跨平台界面开发套件,PowerUI正式发布 UIPower在DirectUI的基础上,自主研发全球首个全流程跨平台界面开发套件PowerUI(PUI)正式发布,PowerU ...
- 【转贴】-- 基于QT的跨平台应用开发
原帖地址:http://www.cnblogs.com/R0b1n/p/4106613.html 1 Qt简介 Qt是1991年奇趣科技开发的一个跨平台的C++图形用户界面应用程序框架.它提供给应用程 ...
随机推荐
- sha1加密算法
public static void main(String[] args) throws UnsupportedEncodingException { /* * 获取jsapi_ticket * * ...
- tinycore Network card configuration during exec bootlocal.sh
question: tinycore在boot时, 运行bootlocal.sh脚本,其中有局域网通信的部分,一直跑不通,测试了一下才知道是运行bootlocal.sh的阶段,网络可能没有配置好,ip ...
- echarts(3.0)的基本使用(标签式导入)
function loadRainFallCharts(msg) { var obj = {}; obj.x = []; obj.y = []; obj.line = []; var accumula ...
- oracle高水位
oracle高水位http://www.cnblogs.com/chuyuhuashi/p/3548260.htmlhttp://blog.csdn.net/wyzxg/article/details ...
- WPF-Binding的源
1. 绑定到其它元素 <Grid> <StackPanel> <TextBox x:Name="textbox1" /> <Label C ...
- Material design之Material Theme
Material Theme提供了三方面的内容: 系统组件的颜色可以自定义更改 系统组件添加了触摸反馈动画效果 Activity切换动画效果 系统主题默认被定义在以下三个样式中: 使用Material ...
- python的OS库和正则表达式库
摘自:http://blog.chinaunix.net/uid-16360955-id-3351990.html 作留存学习 1.常用内置函数:(不用import就可以直接使用) help(obj) ...
- （七）solr7之Terms组件的使用
(七)solr7之Terms组件的使用 Terms组件提供访问索引项的字段和每个词相匹配的文档数量. 这可以用于建立一个自动建议特性或任何其他的特性,而这个terms不是搜索或文档级别的水平.快速检索 ...
- coursera 《现代操作系统》 -- 第八周 存储模型（2）
名词解释 页面: 页面大小: 页表: 页表项: 以上名词解释见: coursera <现代操作系统> -- 第七周 存储模型(1) 页表项大小: 问:以上是怎么计算出来的? 32位指什么? ...
- coursera 《现代操作系统》
什么是独占设备技术?为什么说 “SPOOLing不是独占设备的”? 百度百科没有解释,从教材中找到了: 第二章 取数指令 load To load a value from memory, you ...