鼠标输入背景 SVG 元素上的事件



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

或者,有没有一种好方法可以检查鼠标是否位于特定的 SVG 元素上?

为了澄清,我正在尝试实现类似"拖放"的功能,其中我根据后面的元素更改前面的元素。请注意,元素不是嵌套的。

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

最新更新