背景 svg 元素上的 mouseenter 事件答案

【问题标题】：mouseenter event on background svg elements背景 svg 元素上的 mouseenter 事件
【发布时间】：2014-02-17 03:07:47
【问题描述】：

有没有办法在其他元素后面的 SVG 元素上触发 mouseenter 事件？似乎顶部元素正在捕获事件并且它没有使 DOM 冒泡。

或者，是否有一种检查鼠标是否在特定 SVG 元素上的好方法？

为了澄清，我正在尝试实现一种类似“拖放”的功能，我根据后面的元素更改前面的元素。请注意，元素不是嵌套的。

【问题讨论】：

【解决方案1】：

我刚刚找到了答案。诀窍是在开始拖动时为元素设置pointer-events: none（在mousedown 上），然后在完成拖动时返回pointer-events: all。这样，元素就不会捕获任何事件，而是让它们传递到背景中的任何内容。

【讨论】：