javascript - 检测 iframe 何时获得或失去焦点

Question

检测 iframe 何时获得或失去焦点(即是否会接收键盘事件)的正确方法是什么？以下内容在 Fx4 中不起作用:

var iframe = /* my iframe */;
iframe.addEventListener("focus", function() { /* never gets called */ }, false);

Answer 1

您可以轮询“document.activeElement”以确定它是否与 iframe 匹配。轮询并不理想，但它有效:

function checkFocus() {
  if(document.activeElement == document.getElementsByTagName("iframe")[0]) {
    console.log('iframe has focus');
  } else {
    console.log('iframe not focused');
  }
}

window.setInterval(checkFocus, 1000);