Javascript 悬停链接时获取要检测的附加项

在我的一个项目中，我将用SVG替换浏览器中的默认光标。我通过jQuery附加这个SVG游标。这很好，但我想在光标悬停在链接上时更改光标，而现在，我尝试过的一切都不起作用

我认为这是因为即使光标有一个固定的位置和一个很高的z-索引值，它也不能分辨它在上面悬停什么，因为从技术上讲它在内容下面

有人有什么建议吗

---

编辑：在我发布这个问题之后，在我的评论中加入了一个JS提琴之后，我修改了我的代码，使光标出现在内容之前。然而，问题仍然存在。

请查看@mcbex的JS小提琴的评论！显然，不能简单地将类添加到SVG中，还必须使用填充颜色对其进行自定义。

您确定SVG在DOM中处于首位吗？首先，为什么我会被否决？其次，无论SVG是附加的还是前置的，我都会遇到同样的问题。你能发布一段HTML和JS吗？当然@A1rPun:hover事件似乎没有触发。谷歌的快速搜索并没有给出任何明显的线索来解释为什么会出现这种情况，但这里有一个使用mouseover/mouseout的简单版本，可以满足您的要求：