页面关闭事件window.onbeforeunload不触发

不倒翁玩偶

已于 2023-08-02 13:17:09 修改

阅读量1.3k

点赞数

分类专栏：快捷使用文章标签：数据库 java 开发语言

于 2022-12-07 17:15:45 首次发布

本文链接：https://blog.csdn.net/sh1307212321/article/details/128223690

版权

快捷使用专栏收录该内容

18 篇文章 0 订阅 ¥299.90 ¥399.90

订阅专栏

超级会员免费看

当浏览器长时间无操作，window.onbeforeunload事件可能因安全机制未触发。通过JavaScript定时器实现用户不活动检测，例如每5秒检查一次用户活动，无响应则执行指定操作，提供了一种可靠替代方案。

摘要由CSDN通过智能技术生成

在长时间停留不操作的情况下，浏览器可能无法正常触发 window.onbeforeunload 事件。这是由于浏览器的安全机制以及用户体验考虑而设计的。

然而，您可以通过其他方式来解决这个问题，例如使用 JavaScript 中的定时器（setTimeout）来检测用户是否长时间停留不活动，并在一定的时间间隔后执行相应的操作。

以下是一个示例代码：

var inactivityTime = 5000; // 设置为5000毫秒，即5秒钟

var timer;

function resetTimer() {
    clearTimeout(timer);
    timer = setTimeout(logout, inactivityTime);
}

function logout() {
    // 在这里执行相应的操作，例如清除用户会话、保存数据等
    console.log("用户已经长时间停留不活动，执行退出操作");
}

// 监听用户活动事件
document.addEventListener("mousemove", resetTimer);
document.addEventListener("keypress", resetTimer);

上述代码将在用户的鼠标移动或键盘按键时重置定时器。如果用户在一定时间内没有进行操作（设置为5秒钟），logout 函数将被调用，您可以在该函数中执行相应的操作。

请根据您的实际需求修改代码中的时间间隔和执行操作的逻辑。这种方式可以避免依赖于 onbeforeunload 事件，并提供更可靠的解决方案来处理长时间停留不活动