php - 导航离开警报而不保存修改

Question

我正在用 php 开发一个网站。

我想显示一条类似于 JavaScript 警报的消息，当用户尝试在表单中编辑或添加某些内容并尝试导航到其他部分而不保存修改时，我想向他们显示一条消息，

您要从此页面导航，您的修改未保存，是否要继续？

我该怎么做？

任何人有想法吗???请与我分享..

谢谢

Answer 1

使用beforeunload事件。伪代码:

window.onbeforeunload = function(e){
   e = e || window.event;
   // check if the user has edited sth
   if(userHasEditedSomething()){
      var msg = "You have unsaved changed. Do you want to navigate away from this page?";
      e.returnValue = msg;
      return msg;
   }
}

您的工作是实现 userHasEditedSomething 函数，当用户未保存更改(填写表单字段)时，该函数将返回 true，否则返回 false。

大多数浏览器都支持该事件