javascript - 为什么 D3 拖动不起作用？

Question

所以我正在尝试测试拖动选项，但我在这里遇到了一个特殊问题。

这就是我所拥有的。

selection = d3.select('.right.menu');
var drag = d3.behavior.drag();
selection.call(drag)
selection.on('drag',function(){
 console.log(this);
})

这只是不打印 console.log(this);

但是如果我尝试使用

selection.on('click',function(){
     console.log(this);
    })

事情开始打印console.log();

我想我在这里遗漏了一些东西，但我不确定。

我的第一个想法是，这是一个 Semantic-ui 问题，因为它们将 DOM 元素放置在某个位置，并且由于某种原因，拖动事件不起作用，但我放弃了该选项，因为 click 事件 正在工作。

Answer 1

如果稍微改变一下，更改顺序并将 drag 指定为事件监听器会怎样。

var drag = d3.behavior.drag();
drag.on('drag',function(){
 console.log(this);
})
selection = d3.select('.right.menu');
selection.call(drag);