离开页面而不保存时的警告消息

Question

当有人试图离开其中一个表单而不保存时，我试图在我的页面上显示警告。 经过一番谷歌搜索后，我发现了这个：

<script type="text/javascript"> 
    window.onbeforeunload = function() {
        console.log("Message");
        return "If you exit this page you will lose your data!";
    }
</script>

我把它放在我的视图中，它确实显示了一条消息，尽管不是我编程的消息（可能由浏览器生成）。 问题在于用户如何尝试离开页面并不重要。 即使他们点击提交按钮，警告仍然会弹出。 有没有办法在发生这种情况时设置条件？

Answer 1

您可以通过以下方式停用警告：

window.onbeforeunload = null;

将其放入侦听您的确认/保存点击的侦听器中。