javascript - 背景 svg 元素上的 mouseenter 事件

Question

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

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

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

Answer 1

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