Javascript 使用jquery警告用户面板内页面中未保存的更改

我这里有一个情况，如果用户在页面上留下了一些未保存的更改，我需要停止用户

我从互联网上获得了一些信息，可以从当前页面移动到其他页面，比如

var warnMessage= "You have unsaved changes";
$('input:not(:button,:submit),textarea,select').change(function () {
                window.onbeforeunload = function () {
                    if (warnMessage != null) return warnMessage;
                };
            });

            $('input:submit').click(function(e) {
                warnMessage = null;
            });

当我们关闭选项卡或URL被更改时，这种方法可以正常工作

我的页面上有三个不同的面板；每个都有一个提交、取消和重置。现在，当用户打开面板时，我需要提醒用户；最后一个面板有未保存的更改，应提醒用户

如果他/她在面板上有一些未保存的更改，则单击submit/reset/cancel按钮，然后用户也应确认

---

这可能吗

多个面板是一次可见还是一次只可见？首先，删除嵌套的onbeforeunload处理程序并将其置于更改外部event@PhonicUK：一次一个…@烤：是吗？？这背后有什么原因吗？@他说，以后的每一个电话都应该覆盖以前的电话，我看不出他有什么问题。虽然它实际上不需要在变更事件中。