右键单击d3.js元素:如何防止出现浏览器上下文菜单

Question

我绘制了一些d3.js元素,例如:

 // draw rectangle 
  svg.selectAll(".rect").append("rect")
        .attr("y", 10)
        .attr("x", 10)
        .attr("height", 5)
        .attr("width", 5)
        .on("contextmenu", function (d, i) {  
    // react on right-clicking
 });

它工作正常,但也打开浏览器的上下文菜单.我怎么能防止这种情况发生？

Answer 1

添加d3.event.preventDefault();到您的功能.

 // draw rectangle 
  svg.selectAll(".rect").append("rect")
        .attr("y", 10)
        .attr("x", 10)
        .attr("height", 5)
        .attr("width", 5)
        .on("contextmenu", function (d, i) {
            d3.event.preventDefault();
           // react on right-clicking
        });