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

相关文章

jQuery表单验证提交:前台验证一(图文+视频)
jQuery表单验证提交:前台验证二(图文+视频)
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jquery如何获取复选框选中的值