如何使SVG元素具有可调焦性?适用于Chrome但不适用于IE/Firefox?

Kod*_*_12 5 javascript charts svg angularjs nvd3.js

我有一个简单的饼图,使用svg及其子元素进行渲染.我的目的是让饼图的每个楔形都具有键盘焦点.这通常通过简单地向目标元素添加tabindex ="0"属性来完成.

将饼图设置为可聚焦:

d3.selectAll('.nv-slice > path').attr("tabindex", "0");
Run Code Online (Sandbox Code Playgroud)

如果您尝试使用Chrome"拼贴"到饼图,它会按照我的预期运行.

问题是饼图不会在IE或Firefox中得到关注.知道为什么会这样吗?如何让这些饼图楔形具有焦点?如果没有办法创作这个,也许有一个解决方法?这里的结尾是找到一个解决方案,我可以使用键事件来触发工具提示.

  1. 专注于馅饼楔
  2. 触发keyevent后显示工具提示