window.addEventListener("beforeunload", function (event) { event.preventDefault(); event.returnValue = ""; });无法生效

如果使用 `addEventListener` 方法来添加 `beforeunload` 事件监听器，需要将 `event.returnValue` 属性设置为一个非空字符串，才能触发弹窗提示用户是否离开页面。具体代码如下：

window.addEventListener("beforeunload", function (event) {
  event.preventDefault();
  event.returnValue = "确定离开此页面吗？";
});

如果您的代码仍然无法生效，请检查以下几个方面：

1. 代码是否被正确放置：请确保代码被正确的放置在页面的 `<script>` 标签中，且没有语法错误。

2. 浏览器是否支持 `beforeunload` 事件和 `event.preventDefault()` 方法。大多数现代浏览器都支持这些功能，但也有可能是浏览器的安全设置或插件导致事件无法正常触发。

3. 代码是否与其他脚本冲突。如果页面中有其他脚本也对 `beforeunload` 事件进行了监听，可能会导致冲突，需要检查是否有这种情况。

如果您仍然无法解决问题，可以考虑使用其他方式来实现您的需求，例如使用 AJAX 或 WebSocket 等技术来更新页面内容。

相关问题

window.addEventListener("beforeunload", function(event)怎么取消刷新时执行，只在关闭时执行

可以使用以下代码来取消刷新时的执行，只在关闭时执行：

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

window.addEventListener("unload", function(event) {
  // 在这里执行关闭时需要执行的代码
});

这里使用了 `event.preventDefault()` 来取消刷新时的默认行为，然后在 `unload` 事件中执行关闭时需要执行的代码。注意，由于浏览器安全性限制，无法在 `unload` 事件中执行一些操作，比如发送异步请求等。

window.addEventListener('beforeunload'； 与ajax连用，弹出提示框

`window.addEventListener('beforeunload'` 是一个JavaScript事件监听器，用于添加一个事件处理器，在窗口、文档或其资源即将卸载的时候触发。这个事件通常用于在用户尝试离开页面或刷新时给出确认对话框，提示用户是否真的要离开页面。

当与AJAX（异步JavaScript和XML）连用时，`beforeunload` 事件可以用来确保用户在离开页面之前，已经保存了通过AJAX发起的任何数据。如果没有保存，事件处理器可以返回一个字符串，这个字符串将会被用作对话框的提示信息，用来询问用户是否确定要离开。

举个例子，假设你有一个表单数据需要通过AJAX异步提交到服务器，你可以这样做：

window.addEventListener('beforeunload', function(event) {
  // 检查是否有AJAX请求未完成
  if (ajaxRequestPending) {
    // 提示用户
    event.returnValue = '你有未保存的更改，确定要离开吗？';
    return '你有未保存的更改，确定要离开吗？';
  }
});

在这个例子中，`ajaxRequestPending` 应该是一个标志变量，用来表示是否有AJAX请求正在进行中。如果请求未完成，就会触发提示框。

请注意，`event.preventDefault()` 在`beforeunload`事件中并不需要，也不应该被调用，因为它会阻止事件的默认行为（即浏览器的离开页面提示），而我们只是想提供自定义的提示信息。