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

时间:2015-03-04 23:54:03

标签: html css svg mouseevent z-index

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

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

我尝试使用:

pointer-events:none

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

感谢

1 个答案:

答案 0 :(得分:0)

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

我没有将事件监听器附加到SVG元素,而是将其附加到文档中;问题解决了。