Javascript 在Div悬停时跟随鼠标，但仅在Div上

不知道如何做到这一点，但我有第一部分设置权通过代码笔 不知道如何阻止它发生，除非你把鼠标悬停在黑色的div上。基本上，我希望在你把鼠标悬停在黑色的div上之前，能有正常的鼠标功能，而不是启动脚本/函数。我还试图在不使用任何库和JS的情况下实现这一点

下面的代码

document.addEventListener（“mousemove”，function（））{
我的功能（事件）；
});
var小鼠；
var cursor=document.getElementById（“cursor”）；
函数myFunction（e）{
mouseX=e.clientX；
穆西=e.clientY；
cursor.style.left=（mouseX-55）+“px”；
cursor.style.top=（mouseY-55）+“px”；
}

正文{
背景：#FFFDFA；
}
#光标{
高度：100px；
宽度：100px；
位置：绝对位置；
背面可见性：隐藏；
z指数：999999；
光标：无；
}
div{
背景：黑色；
宽度：200px；
高度：100px；
利润率：30像素；
光标：无；
}

---

您只需将事件侦听器添加到div元素中即可。您还需要禁用游标元素上的

pointerEvents

，以便鼠标不会注册为位于游标顶部而不是div

document.getElementById（“div”）.addEventListener（“mousemove”，function（））{
我的功能（事件）；
});
var小鼠；
var cursor=document.getElementById（“cursor”）；
函数myFunction（e）{
mouseX=e.clientX；
穆西=e.clientY；
cursor.style.left=（mouseX-55）+“px”；
cursor.style.top=（mouseY-55）+“px”；
}

正文{
背景：#FFFDFA；
}
#光标{
高度：100px；
宽度：100px；
位置：绝对位置；
背面可见性：隐藏；
z指数：999999；
指针事件：无；/*指针事件：无是必需的*/
光标：无；
}
div{
背景：黑色；
宽度：200px；
高度：100px；
利润率：30像素；
光标：无；
}