跨平台移动开发_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++图形用户界面应用程序框架.它提供给应用程 ...
随机推荐
- 手机端 html 页面
<!doctype html> <html> <meta charset="utf-8"> <meta name="viewpo ...
- java SAXReader
使用SAXReader需要导入dom4j-full.jar包. dom4j是一个Java的XML API,类似于jdom,用来读写XML文件的.dom4j是一个非常非常优秀的JavaXML API,具 ...
- 在NodeJS中使用流程控制工具Async
本文介绍一款流程控制工具async,在编写接口或者编写测试用例的过程中总是会用到它. 由于nodejs是异步编程模型,有一些在同步编程中很容易做到的事情,现在却变得很麻烦.Async的流程控制就是为了 ...
- NDK工具制作
NDK工具制作 - Generate a stand-alone toolchain of the NDK, example: `./android-ndk-r10/build/tools/make- ...
- 进程已经被attach debug，如何解除其debug权限？
今天碰到一个问题,详情: 进程A创建了进程B,并且进程A在创建进程B的时候指定了debug权限: 我的进程C启动了一个Hook,然后系统将我的X dll载入到进程B中: 此时,用visual stud ...
- day7笔记
一.上节回顾 字典:dic = {'name':'alex'} 1,增 dic['k'] = 'v' 有键值对,则覆盖 setdefault 有键值对,不添加 dic.setdefault('k1', ...
- Laravel创建Route
<?php /* |-------------------------------------------------------------------------- | Routes Fil ...
- Android开发：TableFixHeaders源码分析
最近需要在android上的展示表格数据,在github上找到了TableFixHeaders(https://github.com/InQBarna/TableFixHeaders). 项目文件最主 ...
- kubectl工具的windows安装方法
1.首先安装Chocolatey 参考:https://chocolatey.org/install#install-with-powershellexe windows7+以上操作系统的cmd sh ...
- jetty 通过配置文件嵌入式启动web服务
定义 jetty.xml 启动文件 <?xml version="1.0"?><!DOCTYPE Configure PUBLIC "-//Jetty/ ...