javascript-是否可以使用非鼠标,非触摸事件与D3.js图形进行交互？如果是这样,最有效的解决方法是什么？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-是否可以使用非鼠标,非触摸事件与D3.js图形进行交互？如果是这样,最有效的解决方法是什么？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1293字，纯文字阅读大概需要2分钟。

内容图文

我使用的是Leap Motion,而不是使用鼠标.它是一种运动感应设备,它允许使用手指,手和手势而不是鼠标.

我有一些代码可以绘制用户手指与屏幕相交的点,因此用户手指在网页上用蓝色圆圈表示(与该代码相同：http://schnipz.github.io/leap-motion-demos/d3.js/index.html).

我在网页上也有一个力导向图,与该示例相同：bl.ocks.org/mbostock/4062045

我想允许用户在手指(蓝色圆圈)与节点相交时“拖动”节点.

我可以使点击模拟代码正常工作,但是当我尝试使用X和Y位置时,例如…

function mouseSim(type, x, y)
{

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1,
            x, y,
            x, y, false,
            false, false, false, 0/*left*/, null);

    document.dispatchEvent(simulatedEvent);
    console.log(type + " at " + x + ", " + y);
}

我获得了所需的控制台输出,但是没有发生与图形的交互.

是否可以使用非鼠标,非触摸事件与D3.js图形进行交互？如果是这样,最有效的解决方法是什么？

解决方法:

是否简单如：

function mouseSim(type, x, y)
{

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1,
            x, y,
            x, y, false,
            false, false, false, 0/*left*/, null);

    document.dispatchEvent(simulatedEvent);
    console.log(type + " at " + x + ", " + y);

    doStuffInD3(x,y);
}

function doStuffInD3 (x,y) {
   force directed stuff dependent on x and y
}

在交互之后,您只是将x和y传递给力函数的位置在哪里？

内容总结

以上是互联网集市为您收集整理的javascript-是否可以使用非鼠标,非触摸事件与D3.js图形进行交互？如果是这样,最有效的解决方法是什么？全部内容，希望文章能够帮你解决javascript-是否可以使用非鼠标,非触摸事件与D3.js图形进行交互？如果是这样,最有效的解决方法是什么？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端