SVG: как правильно обрабатывать события mouseover и mouseout?

Question

Я использую Raphael js Framework для создания интерактивного изображения 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.Как предотвратить запуск события mouseout для элемента path, когда пользователь перемещает мышь к текстовому элементу?

Answer 1

Я не работал с Рафаэлем, но похоже, что вы можете попробовать использовать Установить , чтобы сгруппировать вашу метку и прямоугольник и прикрепить обработчик событий к набору.jsfiddle

Вот еще один вопрос, похожий на ваш

Рафаэль Дж.С.