SVG Mouse-events einschränken

[molily]

Hallo,

Das Rechteck ist transparent und dient dem Abfangen der Zeigerposition.  Anhand dieser wird das darunterliegende Objekt positioniert.

Diese transparente Box scheint mir unnötig. Ich bin nicht SVG-erfahren, aber ich nehme an, dass Mousemove-Events genauso gemäß DOM Events eine Capture- und eine Bubbling-Phase haben.

Das heißt, ein Mouseover-Event, der irgendwo im Dokument passiert, steigt auf bis zum obersten Elementknoten und zum Document-Objekt.

In JavaScript mit (X)HTML-DOM kann man diesen Event so behandeln:

document.addEventListener("mousemove", handler, false);

Im Handler kann man dann das gewünschte Objekt den Mauskoordinaten entsprechend positionieren.

Mathias