SVG onmouseover for group with overlapping elements occurs twice

Question

When attaching a function to the onmouseover event for an SVG group ..., the event occurs once, each time the pointer enters to

Answer 1

You can check which element the mouse WAS in. If its part of a certain group, then ignore the mouse event. Like so:

function isRelated(e) { 
    if ($(e.relatedTarget).closest('#rect1,#rect2).length == 0) { //http://api.jquery.com/closest/
        return false;
    }
    return true;
}

Here is a fiddle: http://jsfiddle.net/pFTfm/57/