如果表单中输入了任何数据，这是一种简单的显示消息的方法，如果表单已提交，则不显示消息:

$(function () {
    $("input, textarea, select").on("input change", function() {
        window.onbeforeunload = window.onbeforeunload || function (e) {
            return "You have unsaved changes.  Do you want to leave this page and lose your changes?";
        };
    });
    $("form").on("submit", function() {
        window.onbeforeunload = null;
    });
})

使用JQuery，这是非常容易做到的。因为你可以绑定到集合。

这是不够的做onbeforeunload，你想只触发导航离开，如果有人开始编辑东西。

从webapi ->WindowEventHandler->onbeforeunload，它建议使用window.addEventListener()和beforeunload事件，而不是onbeforeunload。

语法的例子

window.addEventListener("beforeunload", function(event) { ... });
window.onbeforeunload = function(event) { ... };

注意:HTML规范规定作者应该使用Event. preventdefault()方法而不是使用Event。returnValue来提示用户。

所以，就你的情况而言，代码应该是这样的:

//javascript
window..addEventListener("beforeunload", function(event) { 
    //your code

    // If you prevent default behaviour in Mozilla Firefox prompt will always be shown
    e.preventDefault();

    // Chrome requires returnValue to be set
    e.returnValue = '';
})

你想要使用的是JavaScript中的onunload事件。

这里有一个例子:http://www.w3schools.com/jsref/event_onunload.asp

body标签有一个"onunload"参数，你可以从那里调用javascript函数。如果返回false，则阻止导航离开。

你可以在文本区域(或任何其他字段)添加一个onchange事件，在JS中设置一个变量。当用户试图关闭页面(window.onunload)时，您检查该变量的值并相应地显示警报。