javascript - 通过javascript中的phonegap覆盖android设备的后退按钮

Question

我正在用 HTML5 和 javascript 制作一个应用程序并部署在安卓设备上。在应用程序中确认后，我不希望它回到上一页。但是，在设备的后退按钮上，它会转到上一页。

我尝试了很多演示。以下是我试过的链接之一。 http://docs.phonegap.com/en/2.8.0/cordova_events_events.md.html#backbutton

出于演示目的，我尝试显示警报。但它不起作用。

请帮忙提出建议。谢谢。

我尝试了以下方法。它不起作用。我需要添加任何外部 jquery 文件吗？

<script type="text/javascript" charset="utf-8">
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
        alert("On Load");
    }

     function onDeviceReady() {
        document.addEventListener("backbutton", onBackKeyDown, false);
        alert("Device Ready");
    }

    //document.addEventListener('backbutton', onBackKeyDown, false);

    function onBackKeyDown(event) {
        event.preventDefault();
        alert("back pressed");
    }
    </script>

Answer 1

防止后退按钮默认行为的正确方法是添加防止默认方法:

document.addEventListener('backbutton', onBackKeyDown, false);

function onBackKeyDown(event) {
    // Handle the back button
    event.preventDefault();
    alert('I am a demo purpose alert thingy');
}