`
squall140
  • 浏览: 146111 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

【转】phonegap for android 如何在App中响应退出按钮

 
阅读更多

前言:
采用phonegap开发的WebApp,如果用户点击退出按钮,则App会直接退出。
下面的代码可以响应后退按钮,并提示用户再次点击才退出。
如果3秒后没有点击则重新注册事件。

注意:window.plugins.ToastPlugin.show_short()是显示toast消息的插件!

代码:

// 等待加载PhoneGap
document.addEventListener("deviceready", onDeviceReady, false); 
// PhoneGap加载完毕
function onDeviceReady() {
//按钮事件
document.addEventListener("backbutton", eventBackButton, false); //返回键
document.addEventListener("menubutton", eventMenuButton, false); //菜单键
document.addEventListener("searchbutton", eventSearchButton, false); //搜索键
}

//返回键
function eventBackButton(){
//confirm("再点击一次退出!");
window.plugins.ToastPlugin.show_short('再点击一次退出!');
document.removeEventListener("backbutton", eventBackButton, false); //注销返回键
//3秒后重新注册
var intervalID = window.setInterval(
function() {
window.clearInterval(intervalID);
document.addEventListener("backbutton", eventBackButton, false); //返回键
},
3000
);
}
//菜单键
function eventMenuButton(){
window.plugins.ToastPlugin.show_short('点击了 菜单 按钮!');
}
//搜索键
function eventSearchButton(){
window.plugins.ToastPlugin.show_short('点击了 搜索 按钮!');
}

运行效果:

分享到:
评论

相关推荐

    phonegap之android示例

    在Android环境中,PhoneGap应用需要通过Android Studio进行编译和调试。开发者需要了解Android SDK,熟悉AndroidManifest.xml文件的配置,以及如何在Android模拟器或真实设备上运行和测试应用。此外,PhoneGap Build...

    自定义plugin插件实现phonegap与Android交互

    在"自定义plugin插件实现phonegap与Android交互"这个主题中,我们主要关注的是如何通过编写自定义插件来打通JavaScript和Android之间的通信壁垒。在PhoneGap中,Plugin是连接Web层和Native层的桥梁,它们是用Java...

    Android代码-phonegap-android

    PhoneGap Android is an Android application library that allows for PhoneGap-based projects to be built for the Android Platform. PhoneGap-based applications are, at the core, an application written in...

    Phonegap 自动更新 updateApp Android

    在你的PhoneGap项目中,使用命令行工具(如Cordova CLI)添加`updateApp`插件: ``` cordova plugin add https://github.com/phonegap/phonegap-plugin-update.git ``` 2. **配置权限** 在`AndroidManifest....

    phoneGap-android实现拍照和选择图库

    在Android平台上,PhoneGap提供了一个便捷的方式来整合设备的功能,比如摄像头和图库,使得Web开发者能够轻松地实现拍照和选择图库图片的操作。 1. PhoneGap基础: PhoneGap的核心是Cordova,一个开源的移动设备...

    phoneGap实现android平台应用

    2. **创建PhoneGap项目**:使用PhoneGap CLI或者在Eclipse中创建一个新的Android项目。如果选择CLI,运行`phonegap create news_app`创建一个名为"news_app"的新项目。然后,通过`cd news_app`进入项目目录,执行`...

    android+Phonegap开发环境搭建

    本篇文章将详细介绍如何在Android环境下搭建PhoneGap的开发环境。 首先,我们需要安装Java Development Kit (JDK)。JDK是Android开发的基础,因为Android Studio依赖于它。请访问Oracle官方网站,下载并安装适合您...

    phoneGap在android中使用方法.pdf

    PhoneGap在Android中的使用方法主要涉及以下几个步骤: 1. **环境准备**:首先,确保你的开发环境已经配置好,包括安装了Android SDK、Android开发工具(如Eclipse或Android Studio)以及Java Development Kit(JDK...

    PhoneGap Developer App.zip

    在PhoneGap Developer App中,Objective-C可能用于实现与iOS系统的深度集成,比如处理设备事件、管理生命周期和调用PhoneGap/Cordova的API。 在压缩包文件名称"phonegap-app-developer-master"中,"master"通常表示...

    phoneGap-Android开发环境搭建

    在Android Studio中,选择"Open an existing Android Studio project",然后导航到刚创建的PhoneGap项目中的`platforms/android`目录。Android Studio将自动识别并设置好项目结构。 在PhoneGap项目中,你可以在`...

    Android 下搭建 基于Phonegap Web App

    在Android平台上搭建基于PhoneGap的Web App是一种将Web开发技术和移动应用开发相结合的方法。PhoneGap是一种开源框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的移动应用程序,同时可以访问设备的原生...

    phoneGap实现android平台登录例子

    在这个“phoneGap实现android平台登录例子”中,我们将探讨如何利用PhoneGap在Android平台上创建一个简单的登录功能,这对于初学者来说是一个很好的入门实践。 首先,我们需要了解PhoneGap的基础知识。PhoneGap是...

    phonegap调用android插件实现GPS定位

    在本教程中,我们将探讨如何使用PhoneGap调用Android插件来实现GPS实时定位。 一、PhoneGap与Android插件 PhoneGap的插件系统是连接Web层和原生层的关键。当在JavaScript中调用一个PhoneGap API时,实际上是在调用...

    Native+WebApp中Phonegap调用Android Activity

    在标题“Native+WebApp中Phonegap调用Android Activity”中,我们关注的是如何在PhoneGap应用中启动并交互Android的原生Activity。 在Android平台上,Activity是程序的基本单元,用于处理用户交互和展示UI。当...

    android之PhoneGap入门实例

    在"android之PhoneGap入门实例"中,我们首先需要了解PhoneGap的安装和配置过程。开发者需要在本地安装Java Development Kit (JDK)、Android SDK以及Apache Ant等必备工具。然后,通过PhoneGap CLI(命令行接口)或...

    phonegap android 录音照相录像 demo

    在这个“phonegap android 录音照相录像 demo”项目中,我们将会探讨如何使用PhoneGap在Android平台上实现录音、照相和录像功能。 1. PhoneGap基础知识: PhoneGap的核心是基于Apache Cordova,它提供了一个...

    phonegap4.1+android

    - 在 MyEclipse 中配置 Android 环境,包括设置 SDK Location 为你的 SDK 路径,以及在透视图中添加 Android 支持。 5. **在 MyEclipse 中开发**: - 完成上述步骤后,MyEclipse 应该能够识别 Android 并显示相应...

    phonegap+android开发环境配置

    在Eclipse或Android Studio中,你可能需要将PhoneGap项目导入为Android项目,以便于调试和运行。导入时,遵循IDE的提示,确保所有依赖库和资源被正确引用。 描述中提到的部分插件在线更新,这意味着在开发过程中,...

    PhoneGap Eclipse PlugIn for Android

    PhoneGap Eclipse PlugIn for Android是一款专为Android开发者设计的插件,它允许开发人员使用Eclipse IDE进行PhoneGap应用的构建和调试。PhoneGap是一种开源框架,它使开发者能够使用HTML、CSS和JavaScript来创建跨...

    android+phonegap+jquery mobile

    接着,通过PhoneGap将这些Web资源打包成一个原生应用,能够在Android应用商店发布,并能在不同设备上运行。 7. **应用场景**:这种开发方式适合快速开发轻量级、跨平台的应用,如内容展示应用、简单的游戏、信息...

Global site tag (gtag.js) - Google Analytics