javascript - 与 JS onunload() 相反

Question

您好，每当用户查看我的页面时(即在切换选项卡或更改窗口后；在应用程序之间)，我想使用 JavaScript 显示一个简单的警报。

例如，用户有 3 个选项卡，即 google.com、stackoverflow.com 和 mysite.com。当用户从 google.com 切换到 mysite.com 时，我希望收到一个简单的警报。

这基本上与 onUnload 相反。

我尝试使用

onLoad，但这并没有按照我的预期工作。

有人知道怎么做吗？

干杯，

Answer 1

您可以使用页面可见性 API 来实现此目的。看看这个优秀的jsfiddle:http://jsfiddle.net/0GiS0/cAG5N/

您需要 fiddle 中的一些样板文件才能使其在不同的浏览器上工作，但这是它的核心:

function handleVisibilityChange() {
    if (!document.hidden) {
        alert('the dialog');
    } 
}

document.addEventListener("visibilitychange", handleVisibilityChange, false);