使用jquery捕获用户离开页面

Question

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

Answer 1

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

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

只需在对任何输入进行更改时绑定它,并在按下保存按钮时解除绑定(因此在提交时不会提示)window.onbeforeunload = null;.