js实现关闭页面时提示保存表单

在Web应用程序中，当用户尝试关闭页面时，你可以通过监听 beforeunload 事件来提示用户保存表单数据。这可以防止用户意外关闭页面或离开页面而丢失未保存的数据。

以下是一个简单的示例：

window.addEventListener('beforeunload', function (e) {
  const form = document.querySelector('form');
  
  if (form && form.hasUnsavedChanges) {
    const confirmationMessage = '你有未保存的数据。确定要离开吗？';
    (e || window.event).returnValue = confirmationMessage;
    return confirmationMessage;
  }
});

在上面的代码中，我们监听了 beforeunload 事件，并检查表单是否有未保存的更改（这里假设表单有一个属性 hasUnsavedChanges 来表示是否有未保存的更改）。如果有未保存的更改，就会显示一个确认消息。

在你的应用程序中，你需要根据实际情况来检查表单是否有未保存的更改，然后显示相应的提示消息。此外，你可能还需要在用户保存表单时清除 hasUnsavedChanges 标志。

浏览器可能会限制对 beforeunload 事件的滥用，以防止滥用弹出窗口。因此，请确保在用户关闭页面之前确实存在未保存的更改。