Javascript Mousedown委派不适用于D3拖动

我一直在使用angular2和D3.jsv4编写一个应用程序。 主要问题是，当我将d3拖动事件和Angular@HostListener（'document:mousedown'）附加到元素时，第二个将不会为左鼠标按钮调用（但为中和右调用）。但是，如果您对拖动事件进行注释，就可以了。我使用jQuery和D3编写了一个简单的示例。谁能解释一下，发生了什么事

HTML:

JS-Bin

JavaScript:

$（文档）.on（'mousedown'，'g'，函数（事件）{
log（'mousedown delegation'）；
})
d3.选择（'g'）
.call（d3.drag（）
.on（'start'，（）=>{
console.log（'拖动已启动'）
})
.on（'拖动'，（）=>{
console.log（'拖动'）
}))