<!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>&nbsp;</h4>

        </div>

    </div>

</body>

</html>

PhoneGap API 之事件处理_双击返回键退出程序的更多相关文章

  1. Android应用系列：双击返回键退出程序

    前言 有一个很古老的应用技巧,一直被各种大大小小的app用得乐此不疲,那就是双击返回键退出程序.今天就写写它的实现代码,非常简单而且实用. 正文 双击返回键退出程序,一般有两种实现思路,一种是用一个布 ...

  2. android双击返回键退出程序

    今天给大家简单说一下,android双击返回键退出程序. @Override public boolean onKeyDown(int keyCode, KeyEvent event) {      ...

  3. WP8.1应用双击返回键退出程序。

    #region 双击退出程序代码 //双击HardwareButtons.BackPressed: //出现退出提示窗口: //“确定”退出,“取消”返回什么也不做: private async vo ...

  4. android双击返回键退出程序的实现

    /** * 菜单.返回键响应 */ @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-gen ...

  5. Android 监听返回键退出程序的两种实现

    1.Android 双击返回键退出程序 思路:用户按下返回键时设定一个定时器来监控是否2秒内实现了退出,如果用户没有接着按返回键,则清除第一次按返回键的效果,使程序还原到第一次按下返回键之前的状态.定 ...

  6. ionic 实现双击返回键退出应用功能

    ionic 实现双击返回键退出应用功能 keywords cordova,ngcordova,phonegap,ionic,双击,返回键,退出 例子 准备Toast插件,提示用,用户体验好点,不是必须 ...

  7. WP8.1 双击两次返回键退出程序

    在实现Windows Phone上实现点按两次返回键退出程序, 一种方法是使用Coding4Fun提供的ToastPrompt, 使用方法如下: 1. 安装引用, 打开Package Manager ...

  8. Android中的“再按一次返回键退出程序”实现

    用户退出应用前给出一个提示是很有必要的,因为可能是用户并不真的想退出,而只是一不小心按下了返回键,大部分应用的做法是在应用退出去前给出一个Dialog,我觉得这样不太友好,用户还得移动手指去按dial ...

  9. Android_按两次返回键退出程序和长按返回键退出程序

    以上两个功能主要是参考了一下博客的: http://blog.csdn.net/chenshijun0101/article/details/7682210 http://blog.csdn.net/ ...

随机推荐

  1. OpenTLD在VS2012和opencv246编译通过

    最近看到了TLD的跟踪视频,觉得很有意思,刚好最近在看行人检测所以就打算下载源码玩一玩,因为源码是Linux版本的(原作者写的是C++和MATLAB的混合编程)C++源码可以在我的博客TLD(一种目标 ...

  2. SQL Serever学习12——数据库的备份和还原

    公司的服务器奔溃了,事先没相应的保护措施,使得公司遭到了较大损失,为了以后不再出现类似事件,在系统中引入备份机制,使得数据库被破坏后损失降到最低. 数据的导出和导入 数据转换服务 数据转换服务DTS( ...

  3. RabbitMQ---8、连接断开处理-断线重连

    本文转载于:https://www.itsvse.com/thread-4636-1-1.html: 参考文献:http://www.likecs.com/show-29874.html:https: ...

  4. Dapper的简单使用(初学者归纳)

    Dapper的简单使用(初学者归纳) //引用:using System;using System.Collections.Generic;using System.Linq;using System ...

  5. 关于C# 委托(delegate)与事件(event)的用法及事例

    C#中的委托和事件对于新手可能会有一点难理解,所以先从一个小例子入手,以便能更好的理解其如何使用.有一个学生每天定闹钟在早上6点起床,所以当每天早上6点的时候,闹钟就会响起来,从而学生才会按时起床. ...

  6. Spring MVC No converter found for return value of type 解决方法

    1.在pom中添加 jackson <properties> <jackson.version>2.8.5</jackson.version> </prope ...

  7. 非法关闭idea后报错，插件无法正常加载解决方法

    Problems found loading plugins: Plugin "GlassFish Integration" was not loaded: required pl ...

  8. c# 使用 Newtonsoft.Json 序列化json字符串以及,反序列化对象

    1. 序列化 对象 /** 使用 Newtonsoft.Json 序列化对象 **/ [WebMethod] public String getPersonInfos() { // 初始化数据 Lis ...

  9. python中字典，没键加键，有键操作其键对应的值，的思想

    cars = ['鲁A32444', '鲁B12333', '京B8989M', '黑C49678', '黑C46555', '沪B25041', '黑C34567'] locations = {'沪 ...

  10. Zookeeper Curator API 使用

    0. 原生 ZOOKEEPER JAVA API  http://www.cnblogs.com/rocky-fang/p/9030438.html 1. 概述 Curator采用cache封装对事件 ...