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

Question

在这一天，我一直在绞尽脑汁。看起来Firefox 3.5支持的SVG DOM操作非常有限。使用onmouseover处理程序可以成功地操作像this.style.cursor这样的一些属性，但不能有像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>

Answer 2

我会使用CSS。

#myrec:hover {
  /* set styles in here /*
}

同时检查这些库。

http://raphaeljs.com/ http://www.liquidx.net/plotkit/

Answer 3

公平地说，你似乎想要的操作只涉及DOM 2 Style，特别是SVG DOM。