iframe.contentWindow.document.activeElement.tagName返回invalid值

这个问题可能是由于 iframe contentWindow 中没有焦点元素，或者焦点元素不在 iframe 中导致的。你可以尝试在 iframe 加载完成后，手动将焦点设置在里面某个元素上，例如：

iframe.addEventListener('load', function() {
  iframe.contentWindow.document.body.focus();
});

如果 iframe 中有表单元素，你也可以将焦点设置在表单的第一个元素上，例如：

iframe.addEventListener('load', function() {
  var form = iframe.contentWindow.document.querySelector('form');
  if (form) {
    var input = form.querySelector('input, textarea, select');
    if (input) {
      input.focus();
    }
  }
});

如果问题仍然存在，可以提供更多的上下文信息，我会尽力帮助你解决问题。

相关问题

iframe.contentWindow, 获取iframe的window对象iframe.contentDocument, 获取iframe的document对象

在JavaScript中，`iframe.contentWindow` 和 `iframe.contentDocument` 是用来与嵌套在父页面内的IFrame（内联框架）进行交互的重要属性。这些属性允许你访问到IFrame内的窗口和文档对象，以便于操作其内容。

1. `iframe.contentWindow`[^4]: 这个属性返回的是嵌入在IFrame中的页面的全局窗口对象。你可以通过这个窗口对象来访问IFrame中的所有全局变量、函数和DOM元素，就像它们是在IFrame的主窗口中一样。例如：

var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
console.log(iframeWindow.document.body); // 输出IFrame的body元素

2. `iframe.contentDocument`[^4]: 这个属性返回的是IFrame中的完整HTML文档对象。这意味着你可以通过它来访问和操作IFrame内的HTML结构，如创建节点、修改样式等：

var iframeDoc = iframe.contentDocument;
var iframeElement = iframeDoc.getElementById('someElement'); // 获取IFrame内的特定元素
iframeElement.style.color = 'red'; // 修改IFrame内元素的颜色

请注意，这两个属性仅适用于同源策略允许的情况，即如果嵌入的IFrame是从同一个域加载的。对于跨域的IFrame，由于安全限制，你可能无法直接访问其window或document对象。

iframe.contentWindow.document.addEventListener('scroll', function(event) { event.stopPropagation(); // 阻止事件冒泡 iframe.contentWindow.scrollBy(0, event.deltaY); // 只对iframe页面进行滚动 });上面那段代码中没有执行是为什么

这段代码是为了在嵌入的 iframe 页面中捕获滚动事件，并且让 iframe 页面进行滚动。但是，这段代码本身只是定义了一个事件监听器，它并没有被执行。如果想要使这段代码生效，需要将它放到一个函数中，并且在合适的时候调用这个函数，比如在页面加载完成后或者在用户进行某个操作后。另外，需要注意的是，如果 iframe 中的页面与主页面不是同源的，那么可能会受到浏览器的跨域限制，无法进行跨域操作。