消息在关闭页面或单击后退按钮之前提示用户验证

Question

我只是很想知道，如果用户仍然在文本字段中执行某些编辑，如何在关闭页面之前（或在单击后退按钮之前）发布JavaScript验证消息？

Facebook在聊天时提示浏览器验证消息，用户尝试关闭浏览器或用户单击后退按钮。我知道我可以使用window.onbeforeunload或window.unload来显示消息。

但是如何确定编辑状态客户端？ 或者，如果在应用程序的服务器端控制该编辑状态，我该如何将其发送到客户端？

Answer 1

JS：

window.onbeforeunload = function() {
    var editingBox = document.getElementById("editingbox");
    if(editingBox.val != "")
        if(!window.confirm("Are you sure you want to leave?"))
            return false;
}

HTML：

<input type="text" id="editingbox"/>

Answer 2

顶级解决方案。在一个用户侧，按键调用将进行ajax调用，同时在数据库中设置编辑字段或在mongodb中设置密钥。然后在你结束时，你在window.onbeforeunload上进行ajax调用，看看用户是否正在编辑。