Javascript Onmousemove、onmouseover和onmouseinter。为什么不起作用？

此代码适用于onmousemove和onmouseover，但不适用于OnMouseCenter

如果我在第二个div上移动指针，它将保持第二个div。为什么?

我不明白

var-movecounter=0； var-entercounter=0； var过计=0； onmousemove=myFunction1； onmouseinter=myFunction2； onmouseover=myFunction3； 功能myFunction1{ movecounter++； document.getElementByIdfirst.innerHTML=MouseMove:+movecounter； } 功能myFunction2{ entercounter++； document.getElementByIdsecond.innerHTML=MouseEnter:+entercounter； } 功能myFunction3{ 过计数器++； document.getElementByIdthird.innerHTML=MouseOver:+overcounter； } 第一 第二 第三

---

大家好，欢迎来到StackOverflow

您正在使用的onmouseenter是全局窗口本身的事件，可能无法正常工作。有关窗口的所有可用事件处理程序，请参见。 并非所有事件处理程序都支持GlobalEventHandler定义的所有可能事件

最简单的修复方法是将事件绑定到要侦听的元素，例如文档或body元素

一般而言：

mousemove：指针在事件绑定到的元素内移动时立即触发

mouseover：将在您移动到事件绑定到的元素或任何其他子元素上时立即触发。对于每个更改，都将发出一个新事件

mouseenter：指针一进入事件绑定到的元素就会触发。只有指针事先离开元素时，它才会再次触发

var-movecounter=0； var-entercounter=0； var过计=0； document.body.onmousemove=myFunction1； document.body.onmouseinter=myFunction2； document.body.onmouseover=myFunction3； 功能myFunction1{ movecounter++； document.getElementByIdfirst.innerHTML=MouseMove:+movecounter； } 功能myFunction2{ entercounter++； document.getElementByIdsecond.innerHTML=MouseEnter:+entercounter； } 功能myFunction3{ 过计数器++； document.getElementByIdthird.innerHTML=MouseOver:+overcounter； } 第一 第二 第三