如何使用 JavaScript 在页面关闭前显示确认提示？

页面关闭前如何通过 javascript 提供确认提示

为了防止用户在意外关闭页面时丢失重要数据或操作，JavaScript 提供了一个简单的方法来在用户尝试关闭页面时显示确认对话框。

要实现此功能，需要在页面关闭事件中监听器。页面关闭事件通常称为 "beforeunload"，可以如下注册：

window.addEventListener("beforeunload", event => {
  // 在这里处理关闭前确认提示逻辑
});

在事件处理程序内，可以使用 event.returnValue 或 event.preventDefault() 来控制页面关闭行为：

• event.returnValue: 设置此属性为一个字符串，它将在确认对话框中显示为提示消息。如果不指定提示消息，浏览器会显示默认消息，例如 "你确定要离开此页面吗？"。
• event.preventDefault(): 调用此方法会阻止页面关闭。如果用户单击确认对话框中的 "确定" 按钮，此方法必须手动调用才能关闭页面。

例如，要显示自定义确认消息并手动控制页面关闭行为，可以使用以下代码：

window.addEventListener("beforeunload", event => {
  event.returnValue = "正在进行未保存的更改，您确定要离开吗？";

  if (!confirm(event.returnValue)) {
    event.preventDefault();
  }
});

以上就是如何使用 JavaScript 在页面关闭前显示确认提示？的详细内容，更多请关注其它相关文章！