【问题标题】:d3.js double tapd3.js 双击
【发布时间】:2012-11-20 17:57:53
【问题描述】:

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

谢谢!

【问题讨论】:

    标签: d3.js double-click


    【解决方案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
    

    })

    请注意,此代码由gist 提供,并由Wouter Konecny 修改
    我只是将它添加为 touchstart 事件。顺便说一句,它就像一个魅力

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-05-21
      • 1970-01-01
      • 2012-08-07
      • 2013-11-28
      • 2019-03-09
      • 2014-09-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多