Hi Heidrun, HODAC,
> On Mon, 26 Oct 2009 10:44:49 +0100, HODAC, Olivier wrote:
>
> >I'd like to add a mouse listener on my JSVGCanvas to select an element
> >of my rendered SVG.
> >How can I find the right node using x,y mouse postion?
I suggest following Heidrun's suggestion of adding a mouse
event listener (click, mouseOver, mouseExit, etc), although I would
suggest doing it a different way.
However another approach would be to use the 'getIntersectionList'
method available on the svg:svg element.
I suggest reading the DOM2 Events specification as it offers
everything most people need in this area:
http://www.w3.org/TR/DOM-Level-2-Events/
Heidrun Beer <[email protected]> wrote on 10/26/2009 06:59:11 AM:
> You need to add an event listener to each element as
> you create it. If you load your drawing from a file,
> you need to loop through the whole element tree and
> add it to each element. It's not so much code, as
> you do it all in a loop.
Actually if you want to be notified of all mouse events
I would suggest registering one listener on the root
SVG element (probably during the capture phase). You can
then use the target field to know what element the
event is targeted for.
> I have the special situation that I skip the first element,
> which is a background rectangle that I don't want to be
> moveable. It is always the first in the document.
This can be handled with the one event listener by simply
skipping events that have the background rectangle as the
event target.
The one listener approach will also save considerably on
memory.
