javascript - 有没有 'only run when the mouse is over but stop when its not over'的javascript命令

Question

我知道 onmouseover 但我在页面上有一个圆圈，当鼠标悬停在它上面时该圆圈会亮起。但当鼠标离开它时，它会保持亮起状态，直到它再次悬停，然后再次关闭。真的很烦人。有没有一个指令只在悬停时触发？这是代码，但大部分不相关

var node = svg.selectAll(".node")
      .data(graph.nodes)
      .enter().append("circle")
      .attr("class", "node")
      .attr("r", function(d) { return d.group * 3; })
      .style("fill", function(d) { return color(d.group); })
      .call(force.drag)
      .on('mouseover', connectedNodes)
      .on("click",  function(d) { getprofile(d); });

Answer 1

您需要定义鼠标移出事件。 所以你的代码将是这样的:

    var node = svg.selectAll(".node")
          .data(graph.nodes)
          .enter().append("circle")
          .attr("class", "node")
          .attr("r", function(d) { return d.group * 3; })
          .style("fill", function(d) { return color(d.group); })
          .call(force.drag)
          .on('mouseover', connectedNodes)
          .on('mouseout', doSomethingCallback)
          .on("click",  function(d) { getprofile(d); });

function doSomethingCallback(){
  fill your circle with the original color
}