2

这个问题只出现在 IE8 上（不是 IE8 兼容模式）。我有一个名为 sample.htm 的文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'></script>
</head>
<body style='position:relative;z-index:1'>
<input><a href="javascript:Popup('test1.html');">Click</a>
<script>
function Popup(url) {
    overlay = $("<div style='position:fixed; width:100%; height:100%; z-index:10005'><div style='position:absolute; width:100%; height:100%; background:black; -ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\"; filter: alpha(opacity=50);'></div>");
    iframe = $("<iframe name='Overlay' style='position:absolute; height:80%; width:80%; top:10%; left:10%;' src='" + url + "'></iframe>");
    closebut = $("<img style='position:absolute; cursor:pointer; right:10%; top:10%;' width='24px' height='24px' src='/images/close.png' onclick='RemovePopup()' >");
    overlay.append(iframe).append(closebut);
    $('body').prepend(overlay);
}
function RemovePopup() {
    overlay.animate({top:'100%'},800,'swing', function() { $(this).remove(); });
}
</script>
</div></body></html>

下面是test1.html的完整内容：<html><head></head><body><input></body></html>

所以创建这两个文件，在 IE8 中打开 sample.htm，单击链接打开弹出窗口，在那里的文本框中输入一些内容，关闭弹出窗口，尝试在第一个文本框中输入。如果可以，请重复 2 或 3 次。最终第一个文本框被禁用。

任何人都可以提出解决方法吗？

谢谢你的帮助

4

1 回答 1

2

本质上我认为这是一个focus问题。<input> 如果您可以让浏览器进入似乎已禁用的情况，那么您实际上Tab可以<input>按预期输入并输入一个值。

我相信当$(this).remove();iframe 中的元素具有焦点时，在动画结束时删除 iframe 的调用会导致问题。我建议<input>在删除 iframe 之前首先关注焦点。

例如，$('input:first').focus();如果它是第一个输入，则使用。它似乎在我的测试中起作用。

于 2012-11-20T15:06:38.590 回答