Javascript document.activeElement返回Chrome和Safari中的正文

在一个页面上，我有一个包含输入框的Iframe，如果我在FireFox中选择其中一个框并使用

document.activeElement

，我就会得到Iframe。没关系，我只需使用IFrame并获取它的contentDocument，保存它，然后再次执行activeElement，现在我得到了输入框

然而，在Chrome和Safari中，当我选择IFrame中的一个框并执行

document.activeElement

时，我得到了body元素。如果我在IFrame之外选择一个元素，

document.activeElement

可以很好地工作

---

在我的例子中，如何获取活动元素？

不确定这是否适用于您，但您可以尝试类似的方法。此外，我相信，使用下面的方法，您将受到相同的域限制

function showme() {

    var currentDoc = document;

    if (document.activeElement == document.body) {
        currentDoc = window.frames['child-iframe'].document;
    }

    if (currentDoc.activeElement.type == "text" 
        || currentDoc.activeElement.type == "textarea" 
        || currentDoc.activeElement.type == "checkbox") {
        currentDoc.activeElement.style.color = "red";
    }

}


window.onload = function() {
    setTimeout("showme()", 5000);
}