Chrome和IE专注于Iframe

Question

我页面上有一个iframe，用户可以从菜单中选择想要在iframe内查看的图库。

iframe中的图库能够通过键盘控制。

我的问题是，我想在用户选择图库后立即将焦点转移到iframe，以便可以控制图库。

我尝试了一些方法，在Firefox中所有代码都没有任何问题，但在Chrome和IE中，没有什么方法能够使其正常工作。在IE和Chrome中，我必须手动点击iframe才能控制它。

（我在JavaScript方面比较新，并且正在使用jQuery）

这段代码是我从另一个线程中复制来的，用于解决IE问题，但仍然不能解决问题（只适用于Firefox）。

 $("#LinkTest li a").focusin(function () {
  setTimeout(function () {
     $('#iframeBoxID').focus();
    }, 100);

});

有什么想法吗？

- samy

Answer 1

我认为这可能会解决您的问题，方法是将焦点放在内容窗口而不是iframe元素上。

$('#iframeBoxID').get(0).contentWindow.focus();

- Roel

---

这在IE中可以工作，但在Chrome中仍然没有任何反应...很奇怪。 - samy

你可以尝试将焦点放在窗口中的body上。 $('#iframeBoxID').get(0).contentWindow.document.body.focus(); - Roel

$('#iframeBoxID').get(0).contentWindow.document.body.focus(); 在Firefox和Chrome中无法工作。 - samy

由于某些原因，您给我的第一个答案现在在所有三个浏览器中都无法工作，我不知道为什么。谢谢！ - samy