在IE中，当关注模态的输入元素时，无法获取光标

Question

我有模态弹出窗口，其中我有很少的控件，如TextArea，Inputs，dropdown，DatePickers ......

当我点击文本框或日期选择器时，我无法在控件中看到光标（但我可以看到应用的焦点样式）以输入内容。其余的工作正常..如果我使用tab键或shift + tab从其他控件，那么即使在输入中我也能看到光标和类型..

此问题仅适用于IE。它在FF和Chrome中运行良好......

我不知道发生了什么事。请帮助我解决方法或解决方案...

Answer 1

我最近偶然发现了同样或非常相似的问题。

我的网站有两个模态窗口。关闭一个模态窗口然后打开下一个模式窗口后，那个窗口上的所有文本输入都不可用。当我点击一个输入时，它将其状态更改为focus（CSS样式显示）但没有光标，我无法输入任何内容。但是可以使用jQuery手动聚焦它。 / p>

经过几个小时的奋斗，我找到了this和this。

如果元素具有焦点但是从DOM中移除（例如关闭模态窗口），则IE无法将此焦点放在其他元素上。

这对我有所帮助：

modalWindowDiv.innerHTML = "";
$('#modalWindowDiv').remove();

或

$('#modalWindowDiv').empty().remove();

只需删除模态窗口的内容，然后再从DOM中删除它。这应该正确地消除它的任何焦点。