document.activeElement在Chrome和Safari中返回body

Question

在页面上我有一个包含输入框的Iframe，如果我在FireFox中选择其中一个框并使用document.activeElement，我会得到IFrame。多数民众赞成好吧，我只是使用那个IFrame并获取其contentDocument，保存它，然后再次执行activeElement，现在我得到输入框。

但是，在Chrome和Safari中，当我选择IFrame中的一个框并执行document.activeElement时，我会获得body元素。如果我在IFrame外选择一个元素，document.activeElement可以正常工作。

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

Answer 1

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

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