自定义onbeforeunload对话框

Question

我有一个onbeforeunload事件正在运行,弹出一个对话框,警告用户当他们离开时表单未保存的更改.

window.onbeforeunload = function() {
    return 'You have unsaved changes.';
};

如何自定义显示的对话框,使其更加用户友好.现在它相当笨拙:

"你确定要离开这个页面吗？

您有未保存的更改.

按"确定"继续,或"取消"停留在当前页面上."

我注意到Stack Overflow有一个更干净的:"你已经开始编写或编辑帖子了",按钮说"留在这个页面上","离开这个页面"而不是通用的"取消"和"确定" .我怎样才能做到这一点？

我正在使用jQuery,如果这对解决方案是必要的.

Answer 1

浏览器根本不允许您自定义此框.在SO上看起来不同的唯一原因是因为您在访问它时使用了不同的浏览器.Google Chrome使用标有"留在此页面上"和"离开此页面"的按钮.根据您发布的示例文本,您似乎onbeforeunload使用Internet Explorer 测试了处理程序.