你怎么一个元素

Question

上设置的默认焦点（）我试图让一个角度应用程序（使用D3.js）网络访问。

目标：当用户要求一个特定的图表（在这种情况下成旭日），图表扩展到视图。我的目的是为图表的特定元素创建默认焦点，因此一旦用户调用/选择图表，图表将自动获得焦点。

问题：一旦我旭日形图表扩展到视图中，从页面的开始跳位顺序复位（不存在页负载作为其一个单页的应用）。然后，用户将不得不通过整个页面TAB导航到sunburst图表。 我已经设置中心节点具有属性Tabindex：0。 所以现在可以通过键盘导航（tab键）访问中心节点。

var defaultNode = d3.select(sunburstChartdetail").select("path").attr("tabindex", 0); 

我曾尝试：

defaultNode.focus(); 

但我得到一个控制台错误提示“专注”是不是一个函数

注：可惜我不能张贴代码为NDA的原因。

Answer 1

要聚焦元素上，你需要得到一个参考底层的DOM元素：

d3.select("foobar").node().focus() 

或者你的情况：

defaultNode.node().focus() 

Documentation on selection.node()