<!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. PowerDesigner常用设置

    使用powerdesigner进行数据库设计确实方便,以下是一些常用的设置 附加:工具栏不见了 调色板(Palette)快捷工具栏不见了 PowerDesigner 快捷工具栏 palette 不见了 ...

  2. python 爬虫入门案例----爬取某站上海租房图片

    前言 对于一个net开发这爬虫真真的以前没有写过.这段时间开始学习python爬虫,今天周末无聊写了一段代码爬取上海租房图片,其实很简短就是利用爬虫的第三方库Requests与BeautifulSou ...

  3. 第8天：javascriptDOM小 案例、onmouseover 、onmouseout

    案例 为元素注册点击事件,弹出对话框 <input type="button" id="btn" value="开发分离"> & ...

  4. java util 中set,List 和Map的使用

    https://www.cnblogs.com/Lxiaojiang/p/6231724.html 转载

  5. Java CountDownLatch解析（上）

    写在前面的话 最近一直在边工作边学习分布式的东西,看到了构建Java中间件的基础知识,里面有提到Java多线程并发的工具类,例如ReentrantLock.CyclicBarrier.CountDow ...

  6. hdu 2049 考新郎

    假设一共有N对新婚夫妇,其中有M个新郎找错了新娘,求发生这种情况一共有多少种可能. 和之前那道题一样,是错排,但是要乘上排列数. 选对的人有C(N,M)个组合,将它们排除掉,剩下的人就是错排了 #in ...

  7. mac mamp环境 PHP命令行反应缓慢解决

    在hosts增加下面两项即可. 原因:尝试执行DNS查找本地计算机的主机名的原因 raydeMacBook-Pro.local 就是你的MAC名称   127.0.0.1 raydeMacBook-P ...

  8. 阿里云CentOS7.3配置Java Web应用和Tomcat步骤

    阿里云的Linux系统包括CentOS7.3配置了密钥对 怎样将自己ECS实例绑定密钥对,并启用秘钥: https://help.aliyun.com/document_detail/51798.ht ...

  9. MySQL9：索引实战 （转）

    构建50万条数据过程: DROP TABLE IF EXISTS `students`; CREATE TABLE `students` ( `s_id` ) NOT NULL AUTO_INCREM ...

  10. csharp:datagridview enter Half Width and Full Width characters

    /// <summary> /// 全角 /// </summary> /// <param name="unicodeString">< ...