使用自定义对话框提示用户尝试使用未保存的数据进行导航

Question

当用户单击其他链接进行导航而不保存所有编辑的数据时，应给出提示。

使用window.onbeforeunload实现，但我希望它是自定义提示，而不是浏览器默认提示。

有人能告诉我们如何实施吗。

Answer 1

您必须创建一些html元素（显示为提示框），必须对它们进行样式设置，并最终对其进行编码，以便在窗口上从用户那里确认

可以在这里找到一个例子

http://www.developphp.com/view.php?tid=1386

Answer 2

您可以使用jquery自定义各种提示元素。我发现下面这个最有用。看看Alertify插件

在将所需的css和js文件添加到您的项目后，提示窗口可以轻松地配置如下

// confirm dialog
alertify.confirm("Message", function (e) {
    if (e) {
        // user clicked "ok"
    } else {
        // user clicked "cancel"
    }
});