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

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《如何使用 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 在页面关闭前显示确认提示？ 》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！