有一个网页，里面有一个 iframe。有时，iframe 内的输入文本框控件被锁定/冻结。用户不能在其中输入文本。但是文本框可以聚焦而不褪色。没有禁用输入控件的代码，这并不总是发生。到目前为止，这仅在 IE 9 和 IE 10 中发生。Firefox 和 Chrome 都可以。
页面工作原理的简要说明是：
父页面上有一个按钮。通过单击它将构建一个 iframe 从头开始并显示它。这是由 Javascript 完成的。
同样，iframe 上有一个按钮可以关闭它。通过点击它
将从父页面的 DOM 中删除 iframe。
如果您需要更多信息，请告诉我。提前致谢。
【问题讨论】：
标签： javascript html internet-explorer internet-explorer-9 internet-explorer-10
这个bug很烦人，更糟糕的是我们在google上能找到的信息很少。
微软只有一个关于IE9的链接，但IE10 / IE11仍然存在问题，并且更容易重现。
我刚刚创建了一个小提琴来描述这个问题
http://jsfiddle.net/WilliamLeung/T3JP9/1/
为什么多年来 M$ 都很难解决这个问题？
应该有三种解决方法
或者安排一个“什么都不做”的耗时任务，这可能会让 IE 神奇地响应鼠标事件，我无法告诉你为什么，也许 M$ 可以
设置耗时任务的示例代码
setInterval(function () {
var loopCount = 10000;
var x = 0;
for (var i = 0; i < loopCount; i++) {
x = (x + Math.random() * 1000) >>> 0;
}
return x;
}, 1000);
或在从文档中删除之前重置 DOM 内容
someDivWithIframe.innerHTML = "";
$(someDivWithIframe).remove();
我不确定它是否对所有情况都有帮助，你应该尝试一下
【讨论】：
jQuery 的解决方案对我来说适用于 IE11，而不是其他解决方案。
$(theIframeElement).empty().remove();
另一个适用于 IE9/10 的解决方案是在删除 iframe src 之前将其设置为空
iframe.src=""
但是，如果您使用的是较旧的 jQuery 版本 ，这会在 IE11 上导致异常“访问被拒绝”
一些链接： 有关信息，jQuery 还修复了在 iframe 中显示内容的 Dialog.js 插件的此问题：http://bugs.jqueryui.com/ticket/9122
jQuery bug 修复 IE11 “访问被拒绝”错误：http://bugs.jquery.com/ticket/14535
【讨论】：
在 IE 11 中没有任何解决方案适合我。
通过在 iframe 中添加此代码来解决它：
$("input").first().focus().blur();
显然，如果您无法控制 iframe，这将不起作用。
【讨论】：
这在 IE11 上对我有用，
document.body.focus();
【讨论】：
document.body.focus();，但没有成功。之后，我尝试专注于输入元素<input type="text" />，然后它起作用了。
<!DOCTYPE html>
只是补充其他人所说的，当 iframe 中的某些输入具有焦点然后关闭导致所有其他输入失去焦点时，这实际上是一个问题。并且确实有一个脚本来设置焦点到一个元素解决了这个问题。但对我来说，这不起作用，因为我的一些输入被禁用了。所以对我有用的解决方案如下
$("input[type=text]:not([disabled])").first().focus();
完成 sn-p，因为我使用的是引导模式，并且模式有一个 iframe。在打开模型之前和关闭之后，我将焦点设置为可编辑字段：
var modalInstance = $uibModal.open({
// modal properties
});
modalInstance.closed.then(function () {
$("input[type=text]:not([disabled])").first().focus();
});
modalInstance.opened.then(function () {
$("input[type=text]:not([disabled])").first().focus();
});
【讨论】：
我最初编写下面的插件是为了解决 IE 8 中的内存泄漏问题，但它也解决了这个问题。
【讨论】：
使用 Javascript 的简单解决方案对我有用，我在其他浏览器中没有看到任何副作用：
<script>
var pswElement = document.getElementById("password");
pswElement.addEventListener("focus", myFocusFunction, true);
function myFocusFunction() {
document.getElementById("password").select();
}
</script>
无论如何，MS 也无法在更高版本中修复此类问题。
【讨论】：
我也遇到过这个问题。正如 William Leung 所指出的，IE 存在从 DOM 中删除 Iframe 对象的错误。
尝试以下方法：
$(someDivWithIframe).empty().remove();
【讨论】：
我在 IE11、angularjs 和使用 IFrame 时遇到了同样的问题。
我的模板使用ng-switch 来更改视图模式。
其中一种视图模式包含一个 IFrame。
我从包含 IFrame 的视图模式切换的那一刻：
var iFrame = <HTMLIFrameElement>document.getElementById("myIFrame");
iFrame.focus();
this.mode = ViewModes.ModeWithoutIFrame;
为我解决了问题。
【讨论】：
这是对我有用的解决方案，已经尝试了此页面上的所有其他解决方案！需要 jQuery，但如果有必要，我相信它可以用原生 JavaScript 重写。
与许多其他解决方案一样，这应该添加到 iframe 的源，假设您有权修改它：
$("body").focusout( function () {
window.focus();
});
【讨论】：