Прикреплять события к дорожкам SVG
У меня есть SVG-карта в моем html с тегом <svg>. и я хочу присоединить события, чтобы я мог щелкнуть их и вызвать некоторые события. Я знаю, что я могу присоединить событие click, используя jQuery для элементов многоугольника. Но некоторые области на этой карте сделаны с использованием путей, и я хотел бы запускать некоторые события, когда я нажимаю на пути, а не на пути.
Как это сделать? Использование jQuery является предпочтительным.
Ответы
Ответ 1
Если вы fill a <path>, то нажатие внутри него (при заполнении) вызовет обработчик события:
<path id="sauce" fill="#f00" … />
$('#sauce').on('click',function(){ … });
Вы можете явно указать путь цветом transparent, а события мыши будут пойманы:
<path fill="transparent" … />
