PhoneGap API 之事件处理_双击返回键退出程序
2024-08-31 12:10:39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web 应用程序</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script> <script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript"> //使用jQuery mobile设置提示框的信息
function showMyAlert(text) {
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg("a", text, true);
} //弹出提示框信息的方法,两秒后隐藏
function myAlert(text) {
showMyAlert(text);
setTimeout(hideLoading, 2000);
} //隐藏提示框的方法
function hideLoading() {
$.mobile.hidePageLoadingMsg();
}
//退出app
function exitApp() {
navigator.app.exitApp();
}
</script>
<script type="text/javascript">
$(function(){
document.addEventListener('deviceready',myDeviceready,false);
}) function myDeviceready(){
console.log('设备加载完成'); document.addEventListener('backbutton',myBackbutton,false);
} //点击返回按钮的事件
function myBackbutton(){
//下面的if判断页面是否是id为indexPage的页面如果是才执行,否则执行else的返回上一页
if ($.mobile.activePage.is('#indexPage')) {
myAlert('再点击一次退出!');
document.removeEventListener("backbutton", myBackbutton, false); // 注销返回键
document.addEventListener("backbutton", exitApp, false);// 通过监听返回键绑定退出事件
// 3秒后重新注册
var intervalID = window.setTimeout(function() {
window.clearTimeout(intervalID);
document.removeEventListener("backbutton", exitApp, false); // 注销返退出事件
document.addEventListener("backbutton", myBackbutton, false); // 返回键
}, 3000);
}else{
navigate.app.backHistory();//相当于浏览器的后退
}
} </script>
</head>
<body>
<div data-role="page" id="indexPage">
<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>
最新文章
- iOS 最新版 CocoaPods 的安装流程
- 如何破解mac版UltraEdit?
- Java面向对象编程
- bootstrap中的Tooltips工具提示的使用问题
- .NET使用OpenSSL生成的pem密钥文件
- 如何在Eclipse中配置Tomcat
- 利用MariaDB Galera Cluster实现mariadb的多主复制
- linux内核数据包转发流程(三)网卡帧接收分析
- IceMx.Mvc 我的js MVC 框架七、完善植物大战僵尸(增加阳光的消费和获得)
- (转)java生成UUID通用唯一识别码 (Universally Unique Identifier)
- Flex和Servlet结合上传文件
- 使用 RHEL(RedHat)6.1 iso 安装包 安装Samba过程
- Spring4新特性
- 基于Python, Selenium, Phantomjs无头浏览器访问页面
- Linux SD/MMC/SDIO驱动分析_转
- cxgrid回车移到下一个单元格
- mybatis四大接口之 StatementHandler
- zabbix web 登录成功后提示(红色提示):zabbix server is not running:the information displayed may not be current
- 402. Remove K Digits/738.Monotone Increasing Digits/321. Create Maximum Number
- 【LDAP安装】在已编译安装的PHP环境下安装LDAP模块
热门文章
- 关于Hall定理的学习
- 【TCP协议】MTU和MSS详解
- Centos7环境下 安装ffmage2.7.1过程
- C#核心语法-泛型(详细讲解泛型方法、泛型类、泛型接口、泛型约束,了解协变逆变)
- 使用 Flask 框架写用户登录功能的Demo时碰到的各种坑(一)——创建应用
- Cheatsheet: 2018 05.01 ~ 07.31
- 04-Tomcat体系结构与插件配置
- 【SSH网上商城项目实战06】基于DataGrid的数据显示
- Code Signal_练习题_Are Similar?
- 2806 红与黑 个人博客:doubleq.win