Firefox 3.5 在 SVG 上支持的 Javascript 事件处理程序

Question

我为这个问题绞尽脑汁一整天。看来 Firefox 3.5 支持的 SVG DOM 操作非常有限。像 this.style.cursor 这样的一些属性可以通过 onmouseover 处理程序成功操作，但像 this.style.fill 或 this.style.Stroke 这样有趣的属性却不能!

有人知道更好的方法来实现鼠标悬停时边框/轮廓颜色的简单更改吗？

或者 SVG 允许 DOM 操作的整个想法只是一个丑陋的婴儿？

Answer 1

看here 。问题是，FF 中的 style 属性实现确实相当不完整。不过，您可以使用同样标准化的 setProperty() 方法来规避此问题:

svgElement.style.setProperty("fill-opacity", "0.0", "")

(第三个参数允许添加伪类)。

要获得简单的鼠标悬停效果，请使用嵌入式(或外部)样式表:

<style type="text/css">
rect { fill: green; }
rect:hover { fill: red; }
</style>