JavaScript 触发太多事件？

Question

handle mousemove事件有 3 <div>彼此嵌套的。似乎找不到导致触发过多事件的问题。

(function() { 
  var boxes = [ 
    document.getElementById("box1"),
    document.getElementById("box2"),
    document.getElementById("box3"),
  ]; 

  boxes[0].addEventListener(
    "mousemove", function(event) { console.log("Box 1"); }
  ); 
  boxes[1].addEventListener(
    "mousemove", function(event) { console.log("Box 2"); }
  ); 
  boxes[2].addEventListener(
    "mousemove", function(event) { console.log("Box 3"); }
  );
})(); 

Answer 1

如果您只想在鼠标悬停时触发事件，则该事件称为“mouseover”

boxes[0].addEventListener("mouseover", function(event) {
  console.log("Box 1");
});