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

看这里 。 问题在于，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样式，尤其不涉及SVG DOM。