只有当鼠标超过div时，Mousemove才会被触发？

Question

为什么mousemover事件仅在鼠标悬停#cursor时触发？

function test(event) {
  console.log(42);
}	

#cursor{
  width: 30px;
  height: 30px;
  background: green;
}

<div onmousemove="test(event)">
  <div id="cursor"></div>
</div>

Answer 1

也许这个决定适合你。祝你好运。

在#body { box-sizing: border-box; display: table; height: 100%; margin: 10px auto; min-height: 700px; position: relative; width: 900px; } 上以蓝色背景以及它包含的所有元素触发事件。

<div class = "bigbrother">

function test(event) {
  console.log(42);
}

#cursor{
  width: 30px;
  height: 30px;
  background: green;
}
.bigbrother{
  background-color: blue;
}