跨平台移动开发_PhoneGap API 事件类型
2024-10-01 07:04:36
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。
最新文章
- netcore - MVC的ActionFilter的使用
- spring源码分析之定时任务概述
- 3d游戏模型及地形提取及导航
- HTML编辑器
- iOS打包ipa包
- CSS--结构和层叠
- 18 多线程编程 - 《Python 核心编程》
- hdu 4393 优先队列
- Gmail新版截图曝光 你还能认得出来吗?
- html5标签css3的常用样式
- windowsUI的总结
- JAVA TCP网络编程学习笔记
- POJ 1001 Exponentiation
- ireport导出中英文pdf
- tensorflow 从入门到上天教程一
- DJango_生命周期
- [ZJOI2016]小星星
- oracle学习笔记(六) JDBC使用
- Hibernate: '\xE6\x9D\x8E\xE5\x9B\x9B' for column 'cust_name' at row 1 解决
- solr简介与安装