How to register multiple external listeners to the same selection in d3?

by

You can add a namespace to the event name like:

d3.select("#timebasis")
    .on("change.sp", listenersp)
    .on("change.bt", listenerbt);

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

If an event listener was already registered for the same type on the
selected element, the existing listener is removed before the new
listener is added. To register multiple listeners for the same event
type, the type may be followed by an optional namespace, such as
“click.foo” and “click.bar”. To remove a listener, pass null as the
listener.

The functions are being passed the current datum d and index i, with the this context as the current DOM element. It looks like your two function expect the DOM element as argument? In that case it would look like:

d3.select("#timebasis")
    .on("change.sp", function() { selectIndexSp(this); })
    .on("change.bt", function() { selectIndexBt(this); });

More Related Contents:

  1. D3: How do I set “click” event and “dbclick” event at the same time?
  2. JavaScript: remove event listener
  3. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  4. How can I bring a circle to the front with d3?
  5. dc.js – how to create a row chart from multiple columns
  6. Updating SVG Element Z-Index With D3
  7. D3 Appending Text to a SVG Rectangle
  8. How do you create a family tree in d3.js?
  9. Is there a way to tell crossfilter to treat elements of array as separate records instead of treating whole array as single key?
  10. D3js – change Vertical bar chart to Horizontal bar chart
  11. How to call function on child component on parent events
  12. In d3, how to get the interpolated line data from a SVG line?
  13. Creating and appending detached elements with d3.create
  14. D3js take data from an array instead of a file
  15. Handling “onclick” event with pure JavaScript
  16. D3.js – Donut charts with multiple rings
  17. D3 fill shape with image using pattern
  18. How to unbind a specific event handler
  19. Setting rounded corners for svg:image
  20. Convert a directory structure in the filesystem to JSON with Node.js
  21. Preserve ‘this’ reference in javascript prototype event handler [duplicate]
  22. svg / d3.js rounded corners on one side of a rectangle
  23. Adding new nodes to Force-directed layout
  24. Javascript click event handler – how do I get the reference to the clicked item?
  25. Dynamically resize the d3 tree layout based on number of childnodes
  26. Calculate SVG Path Centroid with D3.js
  27. Change and transition dataset in chord diagram with D3
  28. Using d3 to shade area between two lines
  29. How to get the total depth of an unknown JSON hierarchy?
  30. Explain ExtJS 4 event handling

Leave a Comment