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

在页面上，我有一个包含输入框的iframe，如果我在FireFox中选择其中一个框并使用document.activeElement，则会得到IFrame。没关系，我只使用该IFrame并获取其contentDocument，将其保存，然后再次执行activeElement，现在我得到了输入框。

但是，在Chrome和Safari中，当我在IFrame中选择其中一个框并执行document.activeElement时，我得到了body元素。如果我在IFrame之外选择一个元素，则document.activeElement可以完美运行。

我该如何获取 Activity 元素？

最佳答案

不知道这是否完全适合您，但是您可以尝试类似的方法。另外，我相信您会受到以下方法的相同域限制。

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);
}