如何使用Javascript以编程方式从iframe获取父窗口的焦点

Question

一些网站将focus放在窗口加载的元素上。 如果我内嵌该网站，则似乎无法以编程方式将焦点设置在父窗口上。 这仅发生在IE （9）和Firefox （19），Opera / Safari / Chrome都可以的情况下。

<script>
window.onload = function() {
    setTimeout(function() {
        // this does not focus #foo
        document.getElementById("foo").focus();
    // or more seconds that enough to see the iframe focus
    }, 3000);
};
</script>
<input id="foo" type="text" value="foo" /><br />
<iframe width="800" height="500" src="http://www.bing.com" />

有谁知道解决此问题的方法？

Answer 1

得到了答案，现在可以在所有浏览器上使用

<script>
window.onload = function() {
    // blur the iframe
    document.getElementById("bing").blur();
    // set focus on #foo
    document.getElementById("foo").focus();
    // when iframe tries to focus, focus #foo
    document.getElementById("foo").onblur = function() {
        this.focus();
    };
};
</script>
<input id="foo" type="text" value="foo" /><br />
<iframe id="bing" width="800" height="500" src="http://wwww.bing.com" />

Answer 2

如果我已正确阅读此书，则只需要防止焦点从父窗口转移到iframe中的某个元素即可。

我将在iframe元素上使用“ onfocus”触发器，将焦点切换回您的页面，如下所示：

<iframe width="800" height="500" src="http://www.bing.com" onfocus="document.getElementById('foo').focus();"/>

如果（我怀疑是这样），如果您只是想防止iframe窃取初始焦点加载，但希望用户以后能够将焦点转移到它，请使用状态变量，如下所示：

<script type="text/javascript">
var initialFocus = false;
</script>

<iframe width="800" height="500" src="http://www.bing.com" onfocus="if (initialFocus==false) { document.getElementById('foo').focus(); initialFocus = true; }"/>

希望对您有所帮助，如果您有任何疑问，我会在这里。