javascript - Onsen UI - 处理硬件后退按钮

Question

我有一个小型 Phonegap 应用程序，有 2 个 HTML 页面(index.html 和 error.html)。当 error.html 处于 Activity 状态时，我希望后退按钮(Android 设备上的硬件按钮)实际上返回到 index.html，而不是退出应用程序。我尝试了以下操作(只是为了触发后退按钮上的偶数)但没有成功:

<script>
    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {
        console.log("PhoneGap is ready");
        document.addEventListener("backbutton", onBackKeyDown, false);
    }

    function onBackKeyDown()
        {
            console.log("yes");
            return false;
        }
</script>

我在这里缺少什么？

Answer 1

document.addEventListener("backbutton") 不适用于 Onsen UI。

看起来，为了使用 Onsen-UI 处理硬件后退按钮，您应该执行以下操作之一:

ons.ready(function() {
// To disable a navigator back button handler
navigator.getDeviceBackButtonHandler().disable();

// Or to change the behavior
navigator.getDeviceBackButtonHandler().setListener(function(event) {
console.log("back button pressed")});
}

或者

<ons-page on-device-backbutton="doSomething()">
Some page content
</ons-page>

请阅读有关其文档的更多信息 https://onsen.io/v1/guide.html