Перетаскивание на макете силы мешает другим слушателям

Question

Я хочу включить перетаскивание в силовом макете d3.js. При перетаскивании круга и отпускании кнопки мыши, я хочу вызвать определенную функцию с помощью обратного вызова, например:

this.force = d3.layout.force()
    .nodes(this.nodes)
    .size([this.width, this.height]);

// enable dragging
this.circle
    .call(this.force.drag)
    .on("dragend", function() {
        console.log("You should see this, when releasing a circle.");
    })
    .on("mouseup.drag",function(d,i) {
        console.log("Or see this.");
    });

К сожалению, событие никогда не запускается / не используется полностью обработчиком force.drag. Итак, как я могу выполнить заданную функцию обратного вызова в макете силы d3 в конце перетаскивания?

Answer 1

Вы не звоните "dragend" событие на this.force.drag Вот. Это также зависит от того, как вы определили this.force.drag,

Это должно работать для вас

myCustomDrag = d3.behavior.drag()
    .on("dragstart", function(d,i){
        //do something when drag has just started
    })
    .on("drag", function(d,i){
        //do something while dragging
    })
    .on("dragend", function(d,i){
        //do something just after drag has ended
    });

В приведенном выше коде просто используйте call(myCustomDrag) на элементе (обведите кружком здесь), на котором вы хотите, чтобы это поведение перетаскивания присутствовало.