Is there a tap and double tap event in d3.js force directed graph

javascript jquery jquery-mobile d3.js force-layout
Rahul Rout picture Rahul Rout · Aug 10, 2012 · Viewed 7.2k times · Source

I am working on a force directed graph using d3.js. I need to handle tap and double tap event on nodes for mobile devices. Mouseover and click functions need to replicated as tap and double tap in d3.js. I have managed to get a touch event working but have no clue on how to capture double tap event in a mobile device.

Answer

Mark Roper picture Mark Roper · Jun 5, 2013

D3 has the touches event and using this you can get touch position coordinates from inside your event handler, but this doesn't give you any special handling for or help identify long press and doubletap. You can add support for long press and double tap yourself. For long press, have a look at this example:

Long Press in JavaScript?

If you're using jQuery, there are doubletap plugins like this one:

jQuery doubletap plugin

Related questions

How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
Remove attribute "checked" of checkbox

I need remove the attribute "checked" of one checkbox when errors occur. The .removeAttr function not work. Any idea? :/ HTML <div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;"> <input type="…

Read More
Long Press in JavaScript?

Is it possible to implement "long press" in JavaScript (or jQuery)? How? (source: androinica.com) HTML <a href="" title="">Long press</a> JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set timeout return false; });

Read More