我正在尝试将 onClick 事件添加到现有的 svg。现在我有这个：
<g id="Group" onClick={this.clickGroup.bind(this, 1)}>
这有点有效但不完全......当我单击组时会触发该事件，但可点击的“区域”与我想要可点击的组不同（对我来说似乎完全随机）。
有没有更好的方法将事件添加到<g>元素（使用 React ？）？
使用 react 将 onClick 事件添加到组元素 (svg)
IT技术
javascript
reactjs
svg
dom-events
2021-05-24 06:57:52
2个回答
使用样式指针事件作为边界框，使组可以在组上的任何位置单击。即使在空的地方
<g id="Group" onClick={this.clickGroup.bind(this, 1)} style="pointer-events: bounding-box;">
甲g元件是一个空的容器; 它不能自己触发事件。
如果你运行这个例子，你会看到你可以click通过点击g元素的子元素来触发事件，但如果你点击它们之间的空白区域，你就不能。
您必须使用实际形状来触发 SVG 中的事件。
其它你可能感兴趣的问题