2016-02-19 84 views
0

上设置的默认焦点()我试图让一个角度应用程序(使用D3.js)网络访问。你怎么一个元素

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

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

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

我曾尝试:

defaultNode.focus(); 

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

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

回答

0

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

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

或者你的情况:

defaultNode.node().focus() 

Documentation on selection.node()

+0

感谢@xbonez,我最初尝试过,但重点仍然没有成为默认设置。标签顺序仍然重置为页面顶部。 –

相关问题