我有以下 JavaScript
编辑:包含已保存的更改分配
var changesSaved = true;
$(document).ready(function () {
$(".applyChanges").click(function (e) {
e.preventDefault();
var id = (this).id;
var dayofweek = document.getElementById("dayofweek" + id).value;
var hour = document.getElementById("hour" + id).value;
var duration = document.getElementById("duration" + id).value;
$.ajax({
url: '@Url.Action("ApplyChanges")',
type: 'POST',
data: {
id: id,
dayofweek: dayofweek,
hour: hour,
duration: duration
},
success: function (data) {
$('#Calendar').fullCalendar('refetchEvents')
$('#Calendar2').fullCalendar('refetchEvents')
changesSaved = false;
}
});
});
});
window.onbeforeunload = function () {
if (changesSaved == true) {
return true;
} else {
return ("You havent saved your changes. Are you sure you want to leave the page?")
}
}
但无论设置什么 changesSaved 都会提示该消息。
我实际得到的是以下内容:
或者如果 changesSaved 设置为 false，则改为 false。
我可以不这样做吗？
最佳答案
<body onbeforeunload="return bye()">
function bye(){
if(changesSaved) {
return "You havent saved your changes."
}
}
我就是这么做的。
或者在纯 JavaScript 中:
window.onbeforeunload = function() {
if (changesSaved) {
return "You haven't saved your changes.";
}
};
关于javascript - 检查卸载前是否保存了更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10873546/