首页 > web前端 > js教程 > 正文

如何在用户关闭浏览器窗口或刷新页面之前执行代码?

Mary-Kate Olsen
发布: 2024-11-18 12:00:05
原创
299 人浏览过

How do I Execute Code Before a User Closes the Browser Window or Refreshes the Page?

在窗口关闭或页面刷新之前执行代码

要在用户关闭浏览器窗口或刷新页面时执行代码,请考虑使用window.onbeforeunload 和 window.onunload 事件处理程序。这些处理程序根据浏览器的不同而具有不同的行为。

分配事件处理程序

您可以使用属性分配或 addEventListener 方法来设置这些事件处理程序:

// Property assignment
window.onbeforeunload = function() { 
  // Code to execute
};

// Event listener
window.addEventListener("beforeunload", function(e) { 
  // Code to execute
});
登录后复制

window.onbeforeunload 事件

window.onbeforeunload 通常用于防止用户离开未保存更改的页面。但是,如果您不返回字符串或设置 event.returnValue,事件将静默执行代码。

window.onunload 事件

window.onunload 是一个在页面卸载之前触发的更全面的事件。它允许您执行跟踪用户活动或保存本地存储等任务。

注意:

  • window.onbeforeunload 可能无法在被删除的 iframe 中工作Firefox 中的父级(截至 2023 年 8 月)。
  • 考虑在 Firefox 中对 iframe 使用 window.pagehide 而不是 window.onbeforeunload。

以上是如何在用户关闭浏览器窗口或刷新页面之前执行代码?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板