SVG：如何正确处理mouseover和mouseout事件？

我使用拉斐尔JS框架在客户端创建交互式SVG图像：SVG：如何正确处理mouseover和mouseout事件？

var paper = Raphael(document.getElementById("svgcontainer")); 
var path = paper.path("M0,0 L150,0 L150,150, L0,150 Z"); 

path.attr({fill: 'red'}); 

var text = paper.text(40,20, "some text"); 

path.mouseover(function(){this.attr({fill: 'green'})}); 
path.mouseout(function(){this.attr({fill: 'red'})});

请大家看的jsfiddle例如http://jsfiddle.net/6BtUk/9/

如果用户在文本上移动鼠标的path元素里面，path元素将触发mouseout事件。当用户将鼠标移动到文本元素时，如何防止在path元素上触发mouseout事件？

来源

2012-01-03 Andrei