javascript - 如何在合适的时候显示onbeforeunload dialog？

Question

我的网页上有一个 javascript 编辑器，即使有未保存的更改，我也想询问用户他/她是否想离开该页面。

我知道我可以通过这种方式将自定义消息添加到“onbeforeunload 对话框”:

window.onbeforeunload = function() {
  return 'You have unsaved changes!';
}

( Source ) 但我只想在确实有一些未保存的更改的地方显示对话框。如何做到这一点？

谢谢!

Answer 1

你可以这样做:

var unsavedChanges = false;
window.onbeforeunload = function() {
  if (unsavedChanges) return 'You have unsaved changes!';
}

function makeSomeChange() {
  // do some changes....
  unsavedChanges = true;
}

您可以确保在“更改”事件处理程序中更改 unsavedChanges。