HTML5 SVG 和鼠标事件

Question

我用 Inkscape 制作了一些六边形并将它们放置在一些 HTML5 中。我让 onmouseover 事件起作用，但 onmouseout 事件不起作用。我在 Google Chrome 11.0.696.57 beta 上运行它。有谁知道问题是什么？

这是 HTML 链接 https://docs.google.com/leaf?id=0B7ZCkMUvddWIOTAxNmJlYjctODNlOS00MzFlLTgwY2EtOTY1NzZkZGQ2Yjgx&sort=name&layout=list&num=50

Answer 1

我在示例中更改了一些内容以在 chrome 中修复它（该示例在 safari、opera 或 IE9 中不起作用）。

首先，在 onmouseover 和 onmouseout 语句之后有一些分号。

onmouseover = "Hilight(evt)"
onmouseout = "Darken(evt)"

其次，事件正在触发，但 alpha 为 0.06 我将其更改为 0.6，现在它正在触发更加明显：

function Darken(evt) {
     var GameSpace = evt.target;
     GameSpace.setAttribute("style", "fill-opacity: 0.6"); 
}

http://jsfiddle.net/ERyS4/7/