在 javascript 中捕获 Android 手机中的本机按钮点击

Question

有没有一种方法可以让我们使用phonegap/jqtouch/javascript捕获android应用程序中html文件中HOME和BACK按钮的点击？

我有一个使用phonegap 的Android 应用程序。我想捕获html页面中Android手机原生HOME和BACK按钮的点击，以优雅地退出/返回。

Answer 1

您可以在 PhoneGap 中捕获 BACK 按钮事件，但不能捕获 HOME 按钮（这是一种不好的 Android 做法，因为无论您使用的应用程序如何，用户对 HOME 键的功能都有明确的期望：让您返回主屏幕！您不想覆盖此功能）。

我将引导您查看 PhoneGap 中的代码片段（最新来源！从 github 获取最新版本的 PhoneGap 框架）以获取指导。

首先，有一个“BrowserKey”java 对象绑定到“BackButton”JavaScript 全局：

http://github.com/phonegap/phonegap-android/blob/master/framework/src/com/phonegap/DroidGap.java#L291

这个类的定义在这里： http://github.com/phonegap/phonegap-android/blob/master/framework/src/com/phonegap/BrowserKey.java

您需要在应用程序中做的第一件事（我建议您在应用程序初始化期间运行它）是让框架的本机端知道您正在覆盖“后退”按钮功能。您可以在 JavaScript 中通过一个简单的调用来完成此操作：

BackButton.override();

从那时起，您可以将事件处理程序附加到文档的“backKeyDown”事件，以便在每次单击“后退”按钮时执行逻辑。像这样的东西应该有效：

document.addEventListener('backKeyDown', function(e) {
  alert('you hit the back key!');
}, false);

作为附录，下面是包装后退按钮事件调度的 JavaScript 代码： http://github.com/phonegap/phonegap-android/blob/master/framework/assets/js/keyevent.js

基本上，在调用 BackButton.override() 之后，每次按下 BACK 按钮时，框架的本机端都会调用 window.keyEvent.backTrigger()。

Answer 2

此代码示例适用于PhoneGap的0.9.5和以后（在0.9.6测试）：

    document.addEventListener("menubutton", function () { 
        alert('Menu button');
    }, false);  

    document.addEventListener("searchbutton", function () { 
        alert('Search button');
    }, false);                      

    document.addEventListener("backbutton", function () { 
        alert('Back button');
    }, false);  

主页按钮不能被处理。这是由系统保留。

Answer 3

我使用的PhoneGap的Android的应用程序。我想捕捉的Android手机的老家和BACK按钮的点击HTML页面退出/返回正常。