如何在D3中使用相同的事件处理程序向同一个元素添加额外的处理程序

Question

所有

我使用D3将处理程序绑定到DIV点击事件，然后，我想在同一个点击处理程序中添加更多功能，我想知道该怎么做？

像：

<div id="test">TEST MULTI CLICK event handler</div>


d3.select("#test")
  .on("click", function(){
      alert("First click!");    
  })
d3.select("#test")
  .on("click", function(){
      d3.select(this).on("click")();
      alert("And this is second click!");    
  });

但是我在d3.select（this）。“（”click“）（）;

获得了”未定义不是函数“

任何人都可以帮我解决这个问题。

由于

[更新] Yony的解决方案适合我

d3.select("#test")
  .on("click.init", function(){
      alert("First click!");    
  })
d3.select("#test")
  .on("click.customize", function(){
      alert("And this is second click!");  
  });