我遇到了一个有趣的错误(?),如果你使用< 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