[Javascript] JQuery leave ne réagit pas comme je veux sur un svg

[Ter Rowan]

bon j'ai trouvé un truc, mais pas terrible :

je pose le svg dans un div et j'utilise event.relatedTarget pour savoir si j'arrive dans ce div ou si je suis toujours dedans... C'est pas très propre je trouve donc si vous avez mieux... :-(

<div id="mapBoundary">

<svg id ="map">

$("#map").mouseleave(function(event){



    if ( typeof(event.relatedTarget)!='undefined'){

        if ( event.relatedTarget && event.relatedTarget.id=="mapBoundary"){

        console.log("target "+ event.target.id +



                    " current " +event.currentTarget.id+ 

                    " related " + event.relatedTarget.id);

        }

    }

    return false;

});

a noter pour que ça marche de tous les côtés (en particulier, si ont sort par en dessous) il faut un margin sur le svg (sinon le div prend exactement la place du svg et forcément, le related n'est plus le même