我正在使用Raphael js框架在客户端上创建交互式svg图像:
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事件?