IE11中聚焦的activeElement错误

Question

在IE11中， span元素处于焦点状态（ document.activeElement返回span ），但是它没有tabindex属性，因此不应处于焦点状态。

在Chrome和Firefox中工作正常（在单击具有tabindex属性的focus div元素之后）。 仅在IE11中存在问题。 顺便说一句，无法在jsbin上重现此问题。

http://i.stack.imgur.com/2qdmJ.png

我也看不到可以集中注意力的元素列表中的span。

这是一个已知问题吗？ 单击范围后，如何使用tabindex作为activeElement来制作div ？

http://msdn.microsoft.com/en-us/library/ms536934.aspx

Answer 1

最终，我发现这是IE11中的意外行为，如果span display: flex ，可能是错误display: flex 。 单击span后，Chrome和Firefox返回div而IE返回span 。

查看摘要以获取详细信息。 报告有关犬的情况，可能应该添加到IE跟踪器中。

 document.getElementById('d').addEventListener('click', function() { alert('active element is ' + document.activeElement); }); 

 #d { display: flex; } span { display: -ms-flex; display: flex; } 

 <div id='d' tabindex="1"> <div> <span>span</span> </div> </div>