javascript - 浏览器上用js怎么区分 关闭标签页还是关闭整个浏览器？

Question

浏览器上用js怎么区分 关闭标签页还是关闭整个浏览器？

现在是想在关闭整个浏览器的时候清空登录信息，关闭标签页的时候不清空？（使用windows,chrome）

Answer 1

你可以通过监听 beforeunload 事件来判断用户是关闭标签页还是关闭整个浏览器。当用户尝试关闭浏览器或标签页时，浏览器会触发这个事件。

下面是一个简单的例子：

window.addEventListener('beforeunload', function (e) {    // 当浏览器窗口或标签页被关闭时，会触发 beforeunload 事件。    // 我们可以检查 e.isCancelable 来判断是哪种情况。    if (e.isCancelable) {        // 如果用户尝试关闭浏览器，清空登录信息。        clearLoginInfo();    } else {        // 如果用户尝试关闭标签页，不清空登录信息。    }});

在这个例子中，clearLoginInfo() 是一个假设的函数，用于清空登录信息。你需要替换为实际的函数。

需要注意的是，不同的浏览器可能会有不同的行为。例如，某些浏览器可能会阻止在 beforeunload 事件中执行任何操作，或者可能会忽略用户的取消操作。因此，你的代码可能不会在所有浏览器中都有效。你可能需要进行一些额外的检查和处理，以确保你的代码可以在不同的环境中正常工作。