JavaScript和SVG：如何增加onClick事件的可点击区域？

我的脚本在屏幕上以3的笔划宽度绘制线条。线条的大小是理想的（视觉上），但它们不太容易点击

作为一个粗略的例子：

功能选择串（evt）{
当前_id=evt.target.getAttributeNS（null，“id”）；
document.getElementById（'main'）。innerHTML=当前\u id；
}

所选行：

对于每一行，尝试在其顶部绘制一条笔划宽度较大的透明线，并在其上设置onclick。

上述答案的变体。对于酷选择效果组，每个细线和透明线组合在一个组中，细线位于顶部。将onclick设置为组，然后在onclick中设置粗线透明度的动画。

好的，谢谢。这很有效，而且似乎是最好的方法。在示例中，您可能希望将click事件侦听器添加到根目录或id=buffer的组中，并查看事件的目标，以确定单击了哪一行。这样，您只需要一个事件侦听器，而不是每个元素上都需要一个。哦，当在html中包含svg内联时，

部分是不必要的，它将被忽略。是的，我在考虑在弄清楚整体机制后用onClick做一些浮华的事情。。。听起来是个好主意。谢谢你的提示！