HTML5 SVG 和鼠标事件

Question

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

这是指向 HTML https://docs.google.com/leaf?id=0B7ZCkMUvddWIOTAxNmJlYjctODNlOS00MzFlLTgwY2EtOTY1NzZk&&layout=&num=g=g的链接

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/