如何启用和禁用鼠标悬停事件

Question

我需要为使用d3创建的矩形启用和禁用鼠标悬停事件。我在下面添加了这些事件行：

d3.selectAll("rect").call(d3.drag().on("drag", (d, i, n) => {
this.dragRectangles(d, i, n);
}))                 
.on("mouseover", mouseover)
.on("mouseleave", mouseleave)
.on("mousemove", mousemove);
var mouseover = (d, i, n) => {
this.svgMouseOver(tooltip, d, i, n);
}
var mouseleave = (d, i, n) => {
this.svgMouseleave(tooltip, d, i, n);
}
var mousemove = (d, i, n) => {
this.svgMouseMove(tooltip, d, i, n);
}

Answer 1

我在下面找到了启用或禁用鼠标事件的解决方案

//禁用矩形的鼠标事件。

d3.selectAll("rect").attr("pointer-events", "none");

//为矩形启用鼠标事件。

d3.selectAll("rect").attr("pointer-events", "all");