如何在 Web 应用程序（仅 JavaScript、HTML5/CSS、无 Java）上捕获 android 后退键/按钮？答案

【问题标题】：How to capture android back key/button press on a web app (only JavaScript, HTML5/CSS, no Java)?如何在 Web 应用程序（仅 JavaScript、HTML5/CSS、无 Java）上捕获 android 后退键/按钮？
【发布时间】：2014-10-28 11:57:16
【问题描述】：

当您在 android/android-chrome 浏览器中打开时，以下代码可以正常工作。

window.onbeforeunload = function() {return "退出前确认您的操作。"; }

但是，当您将应用程序作为 Web 应用程序保存到 android 主屏幕，然后应用程序以全屏模式运行时，这将不起作用。

WebApp 模式有什么替代方案吗？有什么方法可以通过 HTML5 或 Javascript API 捕获后退按钮的按下？

【问题讨论】：

如果您阅读标题，则没有 Java。这是针对 WebApp 的。你不能在 javascript 中获取设备 API，可以吗？
不，这是针对纯 HTML/Javascript 的。你不能做Android编程。您在上面提供的链接适用于 WebView Android Native API。您不能在 HTML 页面中使用 android API。我所指的 Web 应用程序只是一个默认以全屏模式显示的 html 页面。
我遇到了同样的问题（安装到主屏幕后 onbeforeunload 不起作用）。到目前为止，我能做的最好的事情是将 onpopstate 与我在应用启动时推送的保护状态一起使用。但这有一个问题，您最终必须按两次后退按钮才能离开 web 应用程序。

标签： javascript android css html web-applications

【解决方案1】：

如果你正在使用cordova/phonegap，试试这个

document.addEventListener("backbutton", this.onBackKeyDown, false);

【讨论】：