jquery – 使用元素时SVG点击事件不会触发/冒泡

前端之家收集整理的这篇文章主要介绍了jquery – 使用元素时SVG点击事件不会触发/冒泡前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我遇到了一个有趣的错误(?),如果你使用< use>作为链接的一部分(例如图标) – 图标本身不会在jQuery中注册点击事件,但单击文本。我认为这是由于SVG事件不起泡?

如果直接嵌入SVG,链接将触发,无论您是单击文本还是图标。

我创建的一个简单的测试用例可以在这里看到:
SVG <use> bug test case

解决方法

使用指针事件:无;在svg上它为我工作

The element is never the target of mouse events; however,mouse events
may target its descendant elements if those descendants have
pointer-events set to some other value. In these circumstances,mouse
events will trigger event listeners on this parent element as
appropriate on their way to/from the descendant during the event
capture/bubble phases.

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

原文链接:https://www.f2er.com/jquery/181912.html

猜你在找的jQuery相关文章