d3.js我應該退出/移除事件監聽器嗎？

我有一些代碼添加一個mouseover事件處理程序到svg圈顯示工具提示。我應該刪除/取消綁定這些處理程序時，我刪除了圓形元素？我不知道這些處理程序是否附加到svg對象，我擔心它可能會導致陰影或內存泄漏。請參見下面的代碼：d3.js我應該退出/移除事件監聽器嗎？

circles.enter().append("svg:circle") 
    .on("mouseenter", function(d) { 
     // show tooltip 
    }); 
circles.exit() 
    .on("mouseenter", null) // necessary? 
    .remove();

來源

2013-08-22 Renaud

刪除元素也應刪除事件偵聽器。 –

@LarsKotthoff你的意思是開發人員應該在刪除元素時手動刪除事件，或者D3應該爲我們做這件事嗎？ – Necriis

您不能將任何事件附加到任何東西上。它將在移除元素時自動移除事件處理程序。 –

我覺得你有你的答案了，不過我很感興趣，你如何證明這是真的，至少在最新的Chrome。

這是section of the D3 code去除DOM節點：

d3_selectionPrototype.remove = function() { 
    return this.each(function() { 
     var parent = this.parentNode; 
     if (parent) parent.removeChild(this); 
    }); 
    };

因此，大家可以看到它的視瀏覽器做任何相關的聽衆清理。

我創建添加/刪除很多圈節點與D3的一個簡單的壓力測試：

var circles = svg.selectAll("circle") 
    .data(data, function(d) { return d.id; }); 

    circles.exit().remove(); 

    circles.enter().append("circle") 
    .attr("id", function(d) { return d.id; }) 
    .attr("cx", function(d) { return d.x; }) 
    .attr("cy", function(d) { return d.y; }) 
    .attr({ r: 5, fill: 'blue' }) 
    .on("mouseenter", function(d) { console.log('mouse enter') });

住在這裏的版本：http://bl.ocks.org/explunit/6413685