jQuery - 无法让确认对话框出现在 Firefox 中

Question

我正在尝试显示一个确认对话框以显示一条自定义消息，该消息将根据单击的按钮保存或忽略对表单的更改。

我使用 Firefox 制作的部分代码段不再有效。 在 beforeunload 事件处理程序中使用确认函数，我无法在 Firefox 中显示确认对话框，以防止用户在不接受更改或放弃更改的情况下更改页面。

是我的方法不正确还是浏览器有问题？

谢谢。

    var confirmVal = false;
    var firstConfirm = false;

 $(window).bind('beforeunload', function ()  {
                    if (!firstConfirm) {
                        firstConfirm = true;
                        //This is where the confirm dialog should show
                        //It worked in firefox previously but not currently
                        //It still works in Internet Explorer
                        confirmVal = confirm("Save changes? \"OK\" saves changes. \"Cancel\" removes changes.");
                    }
                    if (confirmVal) {
                          // Perform update of database in this block with ajax                
                   }
                   else
                    return;

            });

Answer 1

编辑/警告：似乎我的解决方案在 Firefox 中不起作用，请参阅下面的第一条评论。

您不需要为此使用 confirm()。 只需在返回中输入一个字符串即可触发警报。

示例：

$(window).on('beforeunload', function() {
    var e = $.Event('webapp:page:closing');
    $(window).trigger(e); // let other modules determine whether to prevent closing
    if(e.isDefaultPrevented()) {
        // e.message is optional
        return e.message || 'You have unsaved stuff. Are you sure to leave?';
    }
});

更多信息在这里：http://hackab.it/2013/05/page-closing-confirm/。