在 Javascript 中检查子窗口焦点答案

【问题标题】：Check Child Window Focus in Javascript在 Javascript 中检查子窗口焦点
【发布时间】：2013-06-07 22:31:20
【问题描述】：

我想知道用户关注的是http还是https。

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

我查看了 W3C。页面可见性 API

Is there a way to detect if a browser window is not currently active?

但对我来说，它只适用于标签而不是窗口。

编辑：仅在父窗口上测试。

有什么帮助吗？

提前致谢。

这是我得到的。

<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 次，一次是在打开窗口并设置一次 location.href 时...但之后什么都没有

【问题讨论】：

为什么不设置和取消设置一个共同的标志点击父母和孩子！！
对儿童效果不佳
问题出在孩子身上没有触发事件
我的一个朋友现在告诉我...在您将 href 属性添加到窗口后，您将无法从此窗口访问任何更多事件.. 这是真的，而我尝试相同的代码但没有设置 href财产和它的工作....有人知道一些解决方法吗？

标签： javascript window focus childwindow

【解决方案1】：

尝试将代码放在 div 中，将 div 放在 table 中，然后将 table 放在顶部框架中...！

【讨论】：