d3中dragEnd（）和Click（）有什么区别？

Question

我正在使用D3.js，每当我点击d3树节点时，拖动结束事件就会被触发。如何单独执行单击并拖动结束事件。我相信拖动结束和点击功能之间存在巨大差异。

var nodeEnter = node.enter().append("g").call(dragListener).attr(
            "class", "node").attr("transform", function(d) {
        return "translate(" + source.y0 + "," + source.x0 + ")";
    }).on("mouseenter", function(d){
            node_Mouse_Enter(d);
        }).on("mouseleave", function(d){
            node_Mouse_Leave(d);
        }).on('click', function(d){
                if (d3.event.defaultPrevented) return;
                d3.event.stopImmediatePropagation();
                click(d);
            }).attr('id', function(d) {
                return d.nodeId;
            });

这里是endDrag函数：

d3.behavior
        .drag()
        .on("dragend",
                function(d) {
                    tip.hide(d);
                    if (d == root) {
                        return;
                    }
                     else {
                        return;
                    }
                });