У меня есть SVG, встроенный в HTML с определением маркера. Определение маркера - это просто круг с событием onmouseover. Затем я использую маркер на пути, как это ...
<...html...>
<svg>
<defs>
<marker id="point" refX="5" refY="5" markerWidth="10" markerHeight="10">
<circle id="p2" cx="5" cy="5" r="3" fill="black" opacity=".5" onmouseover="console.log('YES!');" />
</marker>
</defs>
<path d="M 10 20 100 20 A 20 30 0 0 1 120 50 L 120 110"
style="marker-mid: url(#point);" fill="none" stroke="black" />
<use xlink:href="#p2" x="20" y="20">
</svg>
<...html...>
Событие onmouseover работает с элементом, но не с каждым маркером пути. Я бы хотел, чтобы маркеры пути вели себя так же. Какой хороший способ сделать это?