internet-explorer - 如何防止SVG元素通过IE11中的标签获得焦点?

标签 internet-explorer svg internet-explorer-11 tabindex

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

<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>

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

Internet Explorer 11应该像其他DOM元素一样接受负值,还是不应该?
我应该怎么做才能防止这种情况?

最佳答案

万一您错过它,答案将被评论:

tabindex是即将推出的SVG2的一部分,IE11尚不支持。查看this question的变通方法。

该问题的答案建议向SVG元素添加focusable="false"属性。

感谢@altocumulus

关于internet-explorer - 如何防止SVG元素通过IE11中的标签获得焦点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29393144/

相关文章:

html - 列表背景颜色在 IE7 中搞砸了

css - 悬停在溢出隐藏和边界半径错误上

用于绘制 SVG 元素的 JavaScript 函数

javascript - Chrome 不会调整 SVG 图像的大小

html - IE11/10 HTML5 主标签和溢出 :hidden bug

html - 如何在 IE11 中禁用 HTML 密码字段的自动完成功能?

c# - 如何知道整个文档的 find DocumentComplete 和 BeforeNavigate2 事件?

javascript - 通过查找 "Trident"字符串检测 IE

javascript - 过渡不适用于渐变填充

javascript - IE11.0 上的 addEventListener 和 Attachevent 类型不匹配