在Javascript中检查子窗口焦点

Check Child Window Focus in Javascript

本文关键字:窗口 焦点 检查 Javascript      更新时间:2023-09-26

我想知道用户是否关注http或https。

所以每次用户点击其中一个子窗口-我想知道哪一个是"活动的"。

我查了W3C。页面可见性API

是否有一种方法来检测浏览器窗口是否当前不是活动的?

但是对我来说,它只能在选项卡上工作,而不能在windows上工作。

编辑:并且只在parentwwindow上测试。

帮忙吗?

提前感谢。

这是我得到的。

<html>
<head>
    <title>checkfocus</title>
</head>
<body>
<a href="javascript:loadChild()">Click me</a>.
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
    var w;
    var w2;
    function loadChild() {
        w = window.open("","",'width=400,height=200');
        w.location.href="https://www.facebook.com";
        w.moveTo(0,0)
        w.addEventListener('focus',function(){
            console.log("w")
        })

        w2 = window.open("","",'width=400,height=200');
        w2.moveTo(400,0)
        w2.location.href="http://www.facebook.com";
        w2.addEventListener('focus',function(){
            console.log("w2")
        })
    }
</script>
</body>
</html>

事件在chrome中触发2次,一次当窗口打开时,一次位置。Href设置…但是之后没有

尝试将代码放入div中,将div放入表格中,并将表格放入顶框中…!