首页 > 文章列表 > 如何使用 JavaScript 在用户关闭页面之前提供确认提示?

如何使用 JavaScript 在用户关闭页面之前提供确认提示?

434 2025-02-19

如何使用 JavaScript 在用户关闭页面之前提供确认提示?

在页面关闭前提供确认提示

在开发网页时,有时需要在用户关闭页面之前提供确认提示,以防止意外的数据丢失或其他问题。以下是使用 JavaScript 实现此功能的方法:

window.addEventListener("beforeunload", function(e) {
  // 如果用户确认离开页面
  if (confirm("您确定要离开此页面吗?")) {
    // 允许关闭页面
    return true;
  } else {
    // 阻止关闭页面
    e.preventDefault(); // Firefox
    e.returnValue = false; // IE
  }
});

此代码使用 window.addEventListener() 事件监听器监听页面上的 beforeunload 事件,该事件在关闭页面之前触发。当触发该事件时,它将显示一个确认对话框,询问用户是否确定要离开页面。

如果用户点击“确定”按钮,则允许关闭页面,并且代码将返回 true。否则,它将调用 e.preventDefault()(对于 Firefox)或 e.returnValue = false(对于 IE)以阻止页面关闭。

来源:1729828223