如何防止SVG元素在IE11中获得焦点?

Ala*_*eau 16 internet-explorer svg tabindex internet-explorer-11

我的HTML表单元素中有一个内联SVG元素.当我使用Tab键浏览我的元素时,SVG只在IE11中聚焦,即使SVG元素的tabindex="-1"属性设置为其中的每个元素:

<svg width="20px" height="20px" tabindex="-1">
    <g tabindex="-1">
      <circle cx="8.5" cy="8.5" r="7.75" stroke="#999" stroke-width="1" tabindex="-1" />
      […]
    </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

为了确保它专注于该元素,我document.activeElement在控制台中调用,是的,它打印出SVG的东西.

Internet Explorer 11应该像其他DOM元素一样尊重负值吗?我可以做些什么来阻止这种情况?

Zac*_*ith 30

万一你错过了,答案是评论:

tabindex是即将发布的SVG2的一部分,IE11尚不支持.看看这个问题的解决方法.

该问题的答案建议focusable="false"在SVG元素中添加属性.

感谢@altocumulus

  • 谢谢。查看解决方案并找到已回答的问题比较容易。如果有人将这个答案标记为接受,那就太好了-至少可以节省我几分钟的时间。 (2认同)