如何改变对确认 javascript 按钮的强调？

Question

我有以下 JavaScript：

var leave_page_confirm = true;

function save_data_check() {
    var msg;
    if (leave_page_confirm === true) {
        $('.input-right').each(function() {
            if (this.value) {
                msg = 'You have unsaved data on this page.';
                return false;
            }
        });
    }
    return msg;
}

window.onbeforeunload = save_data_check;

当您在我的页面上的表单中有未保存的数据时，会显示此确认框。

但是，当它出现时，重点（默认按钮）是“离开此页面”我希望重点放在“留在此页面上”，尽管进行了相当多的谷歌搜索，但我似乎找不到任何代码这会改变确认警报上按钮的重点。

有没有办法做到这一点？

Answer 1

你可能想参考这个问题：

How to personalize alert buttons - window.confirm() and window.alert()

基本上，你不能。但是您可以为这种事情制作自己的模态，并完全控制它的外观以及强调哪些按钮。

Answer 2

你不能这样做。

这是文档https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

顺便说一句，您可以尝试找出另一种方式来向用户介绍未保存的数据。它可能是一个 UI 解决方案、一些大纲、消息等。