将事件附加到SVG路径

我的html中有一个带有标签的SVG地图。 我想附加事件，以便我可以点击它们并触发一些事件。 我知道我可以在多边形元素上使用jQuery附加click事件。 但是这个地图中的某些区域是使用路径制作的，当我点击路径内部而不是路径时，我想触发一些事件。

这样做的方法是什么？ 使用jQuery是首选。

Answer 1

如果fill 然后在其中单击（在填充上）将触发事件处理程序：

演示： http ： //jsfiddle.net/TmsrP/1/

 $('#sauce').on('click',function(){ … }); 

您可以选择显式填充颜色transparent的路径，仍然会捕获鼠标事件：

演示： http ： //jsfiddle.net/TmsrP/2/