Chrome SVG标记元素onmouseover

时间:2011-07-22 21:29:54

标签: javascript html svg

我有一个嵌入HTML的SVG,带有标记定义。标记定义只是一个带有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事件适用于元素,但不适用于每个路径标记。我希望路径标记的行为方式相同。有什么好办法呢?

1 个答案:

答案 0 :(得分:3)

规范明确指出“不处理附加到'marker'元素内容的事件属性和事件监听器;只处理'marker'元素的呈现方面。”

真可惜。

http://www.svgbasics.com/markers.html