d3.js - 如何在 d3.js 中右键单击时禁用画笔选择

Question

问题是如果按下鼠标右键，如何防止触发画笔事件(brushstart、brush 和 Brushend)。换句话说，我希望 d3 画笔仅在按下鼠标左键或鼠标中键时才起作用。我在这里或通过谷歌搜索都没有找到这个问题的直接答案。

Answer 1

这是我想出的:

var brush = d3.svg.brush()
    .x(x)
    .y(y)
    .on("brush", function() {
        //brush code
    })
    .on("brushend", function() {
        //brushend code
    })

    svg.append("g")
        .attr("class", "brush")
        .on("mousedown", function(){
            if(d3.event.button === 2){
                d3.event.stopImmediatePropagation();
            };
        })
        .call(brush)

基本上，您需要在调用画笔函数之前向“g”元素添加鼠标按下事件。在搜索如何执行此操作时，我遇到了“上下文菜单上无缩放”示例，如下所示:http://bl.ocks.org/mbostock/6140181弄清楚之后，就很容易做我想做的事了。