Javascript SVG focusable属性不起作用
我使用focusable属性强制SVG元素在HTML文档中获得焦点 我需要按TAB键在SVG标记中的SVG元素中导航。如文件中所述（） 但我做不到。我已将每个元素的Javascript SVG focusable属性不起作用,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,我使用focusable属性强制SVG元素在HTML文档中获得焦点 我需要按TAB键在SVG标记中的SVG元素中导航。如文件中所述（） 但我做不到。我已将每个元素的focusable属性设置为true，并将tabindex设置为0 这是我的密码： <div style="border: solid yellow 2px;" tabindex="0"> <svg tabindex="0" width="900px" height="500px" viewBox="0 0 95 5
focusabletruetabindex0<div style="border: solid yellow 2px;" tabindex="0">
<svg tabindex="0" width="900px" height="500px" viewBox="0 0 95 50" style="border: solid red 1px;" focusable="true"
xmlns="http://www.w3.org/2000/svg">
<g data-Name="group" tabindex="0" stroke="green" fill="white" stroke-width="5" data-tabindex="0" style="border: solid green 1px;" focusable="true">
<circle tabindex="0" cx="20" cy="25" r="5" focusable="true" data-Name="shape 1" data-tabindex="0" />
<circle tabindex="0" cx="40" cy="25" r="5" focusable="true" data-Name="shape 2" data-tabindex="0" />
<circle tabindex="0" cx="60" cy="25" r="5" focusable="true" data-Name="shape 3" data-tabindex="0" />
<circle tabindex="0" cx="80" cy="25" r="5" focusable="true" data-Name="shape 4" data-tabindex="0" />
</g>
</svg>
我已经在Google Chrome中测试了代码。有什么方法可以达到目的吗？正如@Robert Longson在评论中提到的，SVG 1.2从未最终定稿，SVG 1.2 Tiny也没有通过web浏览器实现。SVG 2将有一个
tabIndextabIndex
我一直在寻找一种在SVG内部导航的解决方案，我的目的是拥有一些SVG元素并从一个元素导航到另一个元素。
一个好的解决方案是这个库：我从一个节点导航到另一个节点的代码是（从黄色圆圈导航到红色圆圈）：
jQuery（函数（$）{
/**
*大多数jQuery.localScroll的设置实际上属于jQuery.ScrollTo，请查看它的演示以获得每个选项的示例。
*@见http://demos.flesler.com/jquery/scrollTo/
*您可以在发送到jQuery.localScroll的设置哈希中使用jQuery.ScrollTo的每个设置。
*/
//默认轴为“y”，但在本演示中，我想同时滚动这两个轴
//您可以像这样修改任何默认设置
$.localScroll.defaults.axis='xy'；
$.localScroll({
//目标：“#content”，//也可以是选择器或jQuery对象。
队列：对，
持续时间：1000，
哈什：没错，
懒惰：是的，
onBefore：函数（e，锚，$target）{
//“this”是设置对象，可以修改
},
onAfter:功能（锚定、设置）{
//“this”包含滚动元素（#content）
}
});
$（'#nodeX'）。单击（函数（）{
$（'html，body'）.scrollTo（document.getElementById（'node1'），1000）；
});
});
聚焦