使用我的leapmotion控制器在D3js强制有向图上执行拖动操作的方法

Question

我生成了一个D3js froce有向图，我正在寻找一种方法来使用我的leapmotion控制器执行拖动操作。我尝试模拟鼠标悬停事件，并在检测到帧时将leapmotion最近的手指x，y坐标解析为下面的函数：

function mouseSim(x, y) {
var ev = document.createEvent('MouseEvent');

ev.initMouseEvent(
    "mouseover",
    true /* bubble */, true /* cancelable */,
    window, null,
    x, y, x, y, /* coordinates */
    false, false, false, false, /* modifier keys */
    0 /*left*/, null
);
document.dispatchEvent(ev);

}

但不幸的是我无法看到任何互动。

然后我采用了不同的方法。创建一个自定义事件，该事件将在leapmotion最近的手指悬停在节点（强制定向节点）时出现。然后调用froce.drag（）。

问题是我不知道如何创建自定义事件。如果有更简单的方法来实现我想要实现的目标，我将不胜感激。

谢谢