2014-02-18 63 views
1

我使用d3.js來創建數據可見工具。我在d3文檔中讀到,可以使用selection.on(type[, listener[, capture]]) API註冊事件監聽器。由於這是記錄在這裏:d3js支持的事件類型列表

https://github.com/mbostock/d3/wiki/Selections#wiki-on

但是,我找不到D3支持事件類型的列表。現在我知道有'click'事件,'mouseover'事件和'mouseout'事件。它還支持什麼?

非常感謝。

+0

可能每個DOM事件。 –

+0

我該怎麼寫?我需要的只是一個清單。我試圖在https://developer.mozilla.org/en-US/docs/Web/API/Event上搜索,但它並沒有給我提供任何有關如何在d3js中編寫事件類型的線索。 – Denzel

+1

https://developer.mozilla.org/en-US/docs/Web/Reference/Events –

回答

6

D3支持on方法中的任何Javascript事件 - 包括由其他代碼創建的自定義事件。

MDN Event Reference是一個很好的瀏覽器創建的事件類型列表。

不過,請注意哪些類型的DOM對象可以響應哪些類型的事件。 d3選擇內的元素必須接收D3 on方法的事件才能對其作出反應。

另請注意,對於某些複雜類型的用戶交互(如拖動),使用d3 behavior object會更容易,該監視器可監視多個系統事件(包括鼠標移動和觸摸屏移動),並創建自定義事件,至。

+1

另外,一定要檢查MDN上的兼容性表。並非所有列表中的事件在每個瀏覽器中都是相同的。 – AmeliaBR