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

Question

当用户将鼠标悬停在光标上时，我有一个节点图的动画 SVG。我已经使用 Javascript 对其进行了动画处理，并且效果很好，但是它应该是背景元素，这会导致问题：

如果 svg 位于页脚中的按钮后面（它所在的位置），则鼠标悬停事件不会触发。但是，如果我将 svg 放在其他元素的前面，则无法单击它们。

我尝试使用：

pointer-events:none

但这也阻止了我需要的鼠标移动事件。 所以，我的问题是，有什么方法可以在允许鼠标移动事件的同时仍然允许与其他分层元素进行交互？

谢谢

Answer 1

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

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