关闭窗口时的 JavaScript 提示 - Javascript

在用户关闭网站窗口时，可能会发生一些未保存的操作丢失的情况。为了避免这种情况发生，我们可以使用 JavaScript 提示用户是否要离开当前页面。以下是实现此功能的代码。

window.addEventListener('beforeunload', function(e) {
  e.preventDefault();
  e.returnValue = '';
});

在这段代码中，我们使用了 window 对象的 beforeunload 事件。当用户试图关闭窗口或刷新页面时，此事件会被触发。

在事件的回调函数中，首先调用了 preventDefault() 方法，因为默认情况下，浏览器会弹出一个对话框，询问用户是否要离开当前页面。我们希望显示一个自定义的提示框，因此需要阻止默认的行为。

接下来，我们使用了 returnValue 属性来设置提示框的内容。注意，此属性的值必须为字符串，否则可能不会生效。

现在，如果用户试图关闭窗口或刷新页面，会出现一个提示框，询问用户是否要离开当前页面。

自定义提示框

默认情况下，浏览器会显示一个简单的提示框，询问用户是否要离开当前页面。如果你希望显示自定义的提示框，可以使用以下代码。

window.addEventListener('beforeunload', function(e) {
  var message = '您未保存的修改将会丢失。您确定要离开此页面吗？';
  e.preventDefault();
  e.returnValue = message;
});

在这个版本的代码中，我们设置了一个自定义的提示消息，并将其赋值给 returnValue 属性，从而替换了默认的提示框。

结论

在网页中使用 JavaScript 提示用户是否要离开当前页面是一种非常有用的技巧。无论您是为了防止用户意外关闭窗口，还是为了确保用户保存了重要的更改，这个功能都可以帮助您实现这些目标。