首页 文章

自定义onbeforeunload对话框

提问于
浏览
6

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

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

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

“你确定要离开这个页面吗?

您有未保存的更改 .

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

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

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

1 回答

  • 5

    浏览器不要't let you customize this box at all. The only reason it would look different on SO is because you were using a different browser when you accessed it. Google Chrome uses buttons labeled '留在此页' and '离开此页' . 根据您发布的示例文本,您似乎使用Internet Explorer测试了 onbeforeunload 处理程序 .

相关问题