使用jquery捕获用户离开页面

Question

我想实现一项功能，即如果用户离开某个页面，并且他们在页面上有未保存的更改，则会收到警报。因此，我需要捕获从页面触发移动的事件并对其执行自定义操作。希望用jquery做到这一点。有什么提示吗？

Answer 1

您无法使用jQuery执行此操作，但您可以使用纯JavaScript将window.onbeforeunload附加到处理程序：

window.onbeforeunload = function() {
  return "You have unsaved changes, do you want to leave?";
};

只需在对任何输入进行更改时绑定它，并在使用window.onbeforeunload = null;点击保存按钮（因此在提交时不会提示）时解除绑定。