2016-02-19 204 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,我最初嘗試過,但重點仍然沒有成爲默認設置。標籤順序仍然重置爲頁面頂部。 –

相關問題