我的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/