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/