28-03-2015, 09:57 AM
(27-03-2015, 06:02 PM)niahoo a écrit : L'event mouseleave sur le div directement ne fonctionnerait pas ? ça serait plus simple.
Sinon tu peux essayer ça :Si tu veux vraiement que l'event référence le svg et pas le div. Mais ça risque de poser le même problème que ta première implémentation.
$('#mapBoundary').on('mouseleave', 'svg', function(){ /* … */ })
oui ça fait pareil
autant j'arrive à arrêter le bouillonnement d'un événement, autant je n'ai pas trouvé de méthode simple pour freiner la capture
sinon j'ai imaginé une autre méthode, que je n'ai pas essayé :
créer un rectangle en fin du svg (pour qu'il soit au dessus du reste) sur toute la surface de l'image, rempli (fill) d'une couleur quelconque (en dehors de none) avec une opacité super faible voire nulle et porter l'évenement dessus
ainsi les balises en dessous visuellement ne seraient pas touchées par l'événement. Mais bon ça induit une complexité à traiter (mettre après ce rectangle les balises qui géreraient des événements, en dessous les autres, le tout sans logique métier