Html 使SVG响应鼠标悬停事件，但允许点击其他元素

我有一个节点映射的动态SVG，当用户将鼠标悬停在光标上时，它会跟随光标。我已经使用Javascript为它设置了动画，它工作得很好，但是它应该是一个背景元素，这会导致一个问题：

如果svg位于其所在页脚的按钮后面，则不会触发鼠标悬停事件。但是如果我把svg放在其他元素前面，它们就不能被点击

我尝试使用：

pointer-events:none

但这也会阻止我需要的鼠标移动事件。 所以，我的问题是，有没有任何方法可以允许鼠标移动事件，同时仍然允许与其他分层元素交互

---

谢谢

我通过调整javascript代码解决了这个问题

我没有将事件侦听器附加到SVG元素，而是将其附加到文档；问题解决了