跨平台移动开发_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++图形用户界面应用程序框架.它提供给应用程 ...
随机推荐
- bat脚本批处理打war打包
@echo =========================================== @echo 描述:打包脚本 @echo 作者:霍建国 @echo 日期:2018-03-13 @ec ...
- Servlet 国际化
在我们开始之前,先来看看三个重要术语: 国际化(i18n):这意味着一个网站提供了不同版本的翻译成访问者的语言或国籍的内容. 本地化(l10n):这意味着向网站添加资源,以使其适应特定的地理或文化区域 ...
- cv resource
http://blog.sina.com.cn/s/blog_5086c3e20101kdy5.html
- 安装onlyoffice document server
1. 安装docker apt install docker.io 2. 安装和启动onlyoffice sudo docker run -i -t -d -p 80:80 onlyoffice/do ...
- hadoop2.2集群部署教程连接
完全分布式部署:http://blog.csdn.net/licongcong_0224/article/details/12972889 伪分布式部署:http://www.kankanews.co ...
- ASP.NET动态网站制作（27）-- 三层框架（1）
前言:今天主要介绍一下三层框架,给大家一个整体的概念.分层概念使得程序低耦合,更加健壮,扩展性更好. 内容: 1.三层: UI(表现层):主要是指与用户交互的界面.用于接收用户输入的数据和显示处理后用 ...
- DB facade实现CURD
数据表 CREATE TABLE IF NOT EXISTS students( `id` INT AUTO_INCREMENT PRIMARY KEY, `name` VARCHAR(255) NO ...
- react import改为绝对路径
最近在使用react时发现路径用../../很不方便,特别是修改项目结构时,加减../都能改到吐血, 所有在网上找了半天webpack的配置,特此记录下 module.exports = (webpa ...
- CodeIgniter框架——访问方式 URI 分配变量 数据库操作
1.访问方式: CodeIgniter 的访问URL使用的是pathinfo,入口文件/控制器/方法(/参数列表) eg:localhost/index.php/welcome/index/id 第一 ...
- php后门管理工具weevely
weevely是一款php后门管理工具,使用http头进行指令传输,功能强大.不过只支持php. weevely生成的服务器端php代码是经过了base64编码的,所以可以骗过主流的杀毒软件和IDS, ...