javascript - 防止导航离开 jQuery Mobile 中的对话框

Question

我是 jQuery Mobile 的新手，正在尝试使用 jQuery Mobile 构建 PhoneGap 应用。

我对以下问题有点困惑。

我有一个登录对话框作为表单，我想在用户需要登录时向其显示。我不希望他们在登录之前能够离开此登录表单。我已经删除了对话框中的所有链接，但硬件后退按钮仍然有效。

我试过以下方法:

复制代码

function onDocumentReady() {
    document.addEventListener("deviceready", onDeviceReady, true);

    $("#loginDialog").on("pagebeforehide",
        function(event) {
            event.preventDefault();
            console.info('in pagebeforehide');
        }

    );
}

虽然这不起作用。代码被调用(我添加了一个断点)但是对 event.preventDefault() 的调用并没有停止离开页面的导航。

预先感谢您的帮助。

Answer 1

正如我在许多答案中所说，PhoneGap 和 Android 后退按钮非常困惑。

您可以禁用 Android 后退按钮，如下所示

$(function(){
    document.addEventListener("deviceready", onDeviceReady, false);
})

// PhoneGap is loaded and it is now safe to call PhoneGap methods
function onDeviceReady() {
    // Register the event listener
    document.addEventListener("backbutton", onBackKeyDown, false);
}

// Handle the back button
function onBackKeyDown() {
    console.log("back button not fired");
}