d3.js双击

Question

我正在寻找有关d3js和移动活动的一些文档？我基本上试图避免双击缩放，然后触发单独的功能。目前我正在使用此jquery插件删除移动设备上的双击/缩放 link to the code
但我无法在d3js中找到双击的绑定。有一个双击事件，将在双击时触发但是如果当前的jquery插件覆盖缩放我的双击事件不会触发。
非常感谢任何帮助

谢谢！

Answer 1

好的答案是你可以添加一个触摸开始事件。所以像这样的事
g.append("rect").on("touchstart",function(){
var t2 = e.timeStamp,
t1 = $(this).data('lastTouch') || t2,
dt = t2 - t1,
fingers = e.originalEvent.touches.length;
$(this).data('lastTouch', t2);
if (!dt || dt > 500 || fingers > 1) return; // not double-tap

    e.preventDefault(); // double tap - prevent the zoom

e.preventDefault(); // double tap - prevent the zoom

请注意，此代码最初由gist提供，并由Wouter Konecny修改 我刚刚将它添加为touchstart事件。就像一个魅力一样工作