嗨,我想在用户查看我的页面时使用 JavaScript 显示一个简单的警报(即在切换选项卡或更改窗口之后;在应用程序之间)。
例如,一个用户有 3 个标签,即 google.com、stackoverflow.com 和 mysite.com。当用户从 google.com 切换到 mysite.com 时,我想要一个简单的警报。
这基本上与onUnload相反。
我尝试使用
onLoad,但这并不像我想要的那样工作。
有谁知道如何做到这一点?
干杯,
嗨,我想在用户查看我的页面时使用 JavaScript 显示一个简单的警报(即在切换选项卡或更改窗口之后;在应用程序之间)。
例如,一个用户有 3 个标签,即 google.com、stackoverflow.com 和 mysite.com。当用户从 google.com 切换到 mysite.com 时,我想要一个简单的警报。
这基本上与onUnload相反。
我尝试使用
onLoad,但这并不像我想要的那样工作。
有谁知道如何做到这一点?
干杯,
您可以为此使用页面可见性 API。看看这个优秀的 jsfiddle:http: //jsfiddle.net/0GiS0/cAG5N/
您需要一些来自小提琴的样板,以使其在不同的浏览器中工作,但这是它的核心:
function handleVisibilityChange() {
if (!document.hidden) {
alert('the dialog');
}
}
document.addEventListener("visibilitychange", handleVisibilityChange, false);
我只是在正文中添加了 onfocus 处理程序,它的工作效果很好。
<body onfocus="javascript: alert('Hi');">
您只需将其添加到脚本中:
window.onfocus = function () { alert('stuff'); };
你绝对不应该那样做。它会阻止用户做任何事情,因为警报会模糊页面并导致您的页面被完全阻止。即使您阻止了这种情况的发生,在任何情况下,警报都会阻塞并且非常烦人。