Подтвердить что ты не робот

Прикреплять события к дорожкам SVG

У меня есть SVG-карта в моем html с тегом <svg>. и я хочу присоединить события, чтобы я мог щелкнуть их и вызвать некоторые события. Я знаю, что я могу присоединить событие click, используя jQuery для элементов многоугольника. Но некоторые области на этой карте сделаны с использованием путей, и я хотел бы запускать некоторые события, когда я нажимаю на пути, а не на пути.

Как это сделать? Использование jQuery является предпочтительным.

4b9b3361

Ответ 1

Если вы fill a <path>, то нажатие внутри него (при заполнении) вызовет обработчик события:

Демо: http://jsfiddle.net/TmsrP/1/

<path id="sauce" fill="#f00" … />    
$('#sauce').on('click',function(){ … });

Вы можете явно указать путь цветом transparent, а события мыши будут пойманы:

Демо: http://jsfiddle.net/TmsrP/2/

<path fill="transparent" … />