D3: How do I set “click” event and “dbclick” event at the same time?

by

You have to do your “own” doubleclick detection

Something like that could work:

var clickedOnce = false;
var timer;

$("#test").bind("click", function(){
    if (clickedOnce) {
        run_on_double_click();
    } else {
        timer = setTimeout(function() {
           run_on_simple_click(parameter);
        }, 150);
        clickedOnce = true;
    }
});

function run_on_simple_click(parameter) {
    alert(parameter);
    alert("simpleclick");
    clickedOnce = false;
}

function run_on_double_click() {
    clickedOnce = false;
    clearTimeout(timer);
    alert("doubleclick");
}

Here is a working JSFiddle

For more information about what delay you should use for your timer, have a look here : How to use both onclick and ondblclick on an element?

More Related Contents:

  1. Need to cancel click/mouseup events when double-click event detected
  2. How to register multiple external listeners to the same selection in d3?
  3. window.onload vs document.onload
  4. How do I add a simple onClick event handler to a canvas element?
  5. Javascript event handler with parameters
  6. event.preventDefault() vs. return false (no jQuery)
  7. Handle URL fragment identifier (anchor) change event in Javascript
  8. How can d3.transform be used in d3 v4?
  9. d3.json method doesn’t return my data array
  10. d3 add text to circle
  11. Geojson map with D3 only rendering a single path in a feature collection
  12. D3 Force Directed Graph: why don’t the flags appear?
  13. Adding FontAwesome icons to a D3 graph
  14. Creating a table linked to a csv file
  15. Why does d3.js v3 break my force graph when implementing zooming when v2 doesn’t?
  16. Why is ‘event’ available globally in Chrome but not Firefox?
  17. How to disable double click zoom for d3.behavior.zoom?
  18. Circles in Map Displayed Incorrect Location in D3 V4
  19. Add names of the states to a map in d3.js
  20. How to programmatically fire a dblclick event defined with addEventListener?
  21. What does the “System” category of records mean in Chrome Timeline profiling tool?
  22. Detect scroll direction in React js
  23. D3.js: Remove force.drag from a selection
  24. d3.js spreading labels for pie charts
  25. button onclick function firing twice
  26. Can’t make paths draw growing slowly with D3
  27. d3 sankey charts – manually position node along x axis
  28. D3 put arc labels in a Pie Chart if there is enough space
  29. d3.js histogram with positive and negative values
  30. read csv/tsv with no header line in D3

Leave a Comment