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

Question

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

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

Answer 1

您可以在 PhoneGap 中捕获 BACK 按钮事件，但不能捕获 HOME 按钮(这是一种糟糕的 Android 做法，因为无论您使用的应用程序如何，用户都有明确的期望关于 HOME 键的作用:将您送回到您的主屏幕!您不想覆盖此功能)。

我将引导您查看 PhoneGap 中的代码 fragment (最新源代码!从 github 中提取最新版本的 phonegap 框架)以获取指导。

首先，有一个绑定(bind)到“BackButton”JavaScript 全局的“BrowserKey”Java 对象:

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

您需要在应用程序中做的第一件事(我建议您在应用程序初始化期间运行它)是让框架的 native 端知道您正在覆盖返回按钮功能。您可以通过一个简单的调用在 JavaScript 中执行此操作:

BackButton.override();

从那时起，您可以将事件处理程序附加到文档的“backKeyDown”事件，以便在每次按下 BACK 按钮时执行逻辑。这样的事情应该有效:

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()。