17.4 Maus-Events

Nachdem wir jetzt die drei Event-Modelle kennen, sehen wir uns etwas praktischen Event-Handling-Code an. Dieser Abschnitt bespricht Maus-Events ausführlicher.

17.4.1 Mauskoordinaten konvertieren

Tritt ein Maus-Event auf, so enthalten die Eigenschaften clientX und clientY des Event-Objekts die Position des Mauszeigers. Diese Position wird in Fensterkoordinaten angegeben: Sie beziehen sich auf die linke obere Ecke des »Sichtfensters« im Browser und berücksichtigen das Scrollen des Dokuments nicht. Sie müssen diese Werte wahrscheinlich oft in Dokumentkoordinaten konvertieren: Um beispielsweise ein Tooltip-Fenster neben dem Mauszeiger anzuzeigen, brauchen Sie die Dokumentkoordinaten zur Positionierung des Tooltips. Beispiel 17-3 erweitert ...

Get Java Script: Das umfassende Referenzwerk now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.