Javascript 自定义光标的悬停状态

我想建立一个自定义光标效果，如

我的解决方案包括使用onmousemove事件跟踪光标的元素

当光标位于特定元素内时，要更改光标的外观，处理悬停状态的正确方法是什么？

您可以使用onMouseEnter和onmouseeve

悬停 var cursorElement=document.getElementById'cursor'； 鼠标输入功能{ 类列表。添加“悬停”； } 请假功能{ 类列表。删除“悬停”； }

---

当前悬停的元素可以从mousemove事件的事件目标中获得

document.addEventListener("mousemove", function(e) {
        let current target = e.target
    }
)

---

正确的方法是将样式应用于css中的光标：请参考-您可以检查一下，这可能是您的解决方案：@HugoS我想避免在每个可悬停元素中添加自定义函数，但这似乎是唯一有效的解决方案。无论如何，谢谢你的参考答案！