mit JS Mauszeiger-Position ermitteln

ScriptChaos · 01.08.2010, 19:31

Hey,

ich würde gerne, bei Klick auf ein Objekt die MauszeigerPosition in 2 Variablen speichern (left, top).

Ich habe schon viel im Inet gesucht und bin auf:

window.event.offsetX

gestossen.

Das läuft allerdings nicht so richtig im FF.

Daher hab ich weiter gesucht und das gefunden:

Code:

var top, left;
function melde_koordinaten(e)
{

left =(window.event)?window.event.clientX:e.pageX;
top  =(window.event)?window.event.clientY:e.pageY;
alert (top + " " + left);
}
document.onclick=melde_koordinaten;

Wenn ich nun irgendwo im Dokument klicke kommt ein Alert der mir sagt wo sich mein Mauszeiger befindet. Im IE und im FF läuft es einwandfrei, im Google Chrome dagegen kommt folgendes in dem Alert :

Zitat:

[object DOMwindow] 77

die 77 ist der Abstand vom linken Bildschirmrand (das passt auch) aber den Abstand vom oberen Bildschirmrand kann er irgendwie nicht aber warum?

Und dann hab ich noch eine Frage, in dem Script oben gibt es eine Funktion Melde_koordinaten(e) wie man schon sieht hat er einen Parameter, dieser ist aber leer und wird trotzdem verwendet, wie geht das? oder ist e garnicht leer?

ChrisB · 01.08.2010, 19:38

Zitat:

Zitat von ScriptChaos

die 77 ist der Abstand vom linken Bildschirmrand (das passt auch) aber den Abstand vom oberen Bildschirmrand kann er irgendwie nicht aber warum?

top ist als Fenstername „reserviert“, so wie parent oder self - vermutlich lässt dich Chrome den Wert nicht überschreiben.
Benenne die Variable anders, dann sollte es passen.

Zitat:

Und dann hab ich noch eine Frage, in dem Script oben gibt es eine Funktion Melde_koordinaten(e) wie man schon sieht hat er einen Parameter, dieser ist aber leer und wird trotzdem verwendet, wie geht das? oder ist e garnicht leer?

Moderne Browser übergeben automatisch das event-Objekt als ersten Parameter an die den Event behandelnde Funktion.

Informiere dich mal etwas über die Grundlagen des Objekthandlings mit JavaScript.

nikosch · 01.08.2010, 19:38

top ist wohl eine vordefinierter Wert und damit reserviert. Die 77 ist vermutlich der left-Wert.

ScriptChaos · 01.08.2010, 19:55

Zitat:

Zitat von ChrisB

top ist als Fenstername „reserviert“, so wie parent oder self - vermutlich lässt dich Chrome den Wert nicht überschreiben.
Benenne die Variable anders, dann sollte es passen.

Danke, hat wunderbar geklappt

ScriptChaos · 01.08.2010, 20:51

Zitat:

Zitat von ChrisB

Moderne Browser übergeben automatisch das event-Objekt als ersten Parameter an die den Event behandelnde Funktion.

Informiere dich mal etwas über die Grundlagen des Objekthandlings mit JavaScript.

Ok, dann habe ich aber noch ne frage, wenn ich aber noch nen zweiten Parameter neben "e" übergeben möchte wie schreibe ich das dann?

document.onclick = melde_koordinaten(?,parameter2);

Uuuuund wo ihr gerade so nett seid und euch um mich kümmert noch eine Frage:

wie kann ich die Funktion allg. aufrufen

z.b. bei

window.setTimeout(melde_koordinaten, 1);

so z. B. ruft er die Funktion nicht auf.

ChrisB · 01.08.2010, 22:57

Zitat:

Zitat von ScriptChaos

Ok, dann habe ich aber noch ne frage, wenn ich aber noch nen zweiten Parameter neben "e" übergeben möchte wie schreibe ich das dann?

document.onclick = melde_koordinaten(?,parameter2);

Nein, so ganz bestimmt nicht, weil du damit die Funktion zu diesem Zeitpunkt schon aufrufen würdest, und nicht wenn der Event passiert.

Ich würde empfehlen, mal diesen Artikel durchzuarbeiten, der bringt schon einiges an Grundlagenwissen über zeitgemäßes JavaScript bei: Organisation von JavaScripten

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS: Style ohne position?	SilentSight	HTML, Usability und Barrierefreiheit	5	25.07.2008 16:12
Position einer zeile in einer sortierten tabelle bestimmen	Drache	Datenbanken	9	17.06.2007 10:45
Mauszeiger Position (ohne Event)	cowabunga1984	HTML, Usability und Barrierefreiheit	4	04.04.2007 12:01
Google Adwords - echten Referer ermitteln	NetLook	PHP Tipps 2006	2	12.05.2006 08:40
Die Position ein. Datensätzes aus einer Datenliste ermitteln	Locutus007	Datenbanken	8	07.03.2006 16:59
Position eines Strings rausfinden, der mehrmals vorkommt		PHP Tipps 2006	5	12.02.2006 19:20
mit position nachruecken	imported_kremser	Datenbanken	2	08.02.2006 21:50
position ermitteln	greenrover	Datenbanken	0	06.10.2005 23:03
build nummer des bs ermitteln ... nur bei microsoft's bs!!!		PHP Tipps 2005-2	2	24.07.2005 15:59
Besucher mit den meisten GB Einträgen ermitteln!		Datenbanken	7	21.04.2005 12:09
Position in der Datenbank.		PHP-Fortgeschrittene	2	21.11.2004 16:10
[Erledigt] Mauszeiger und Element Koordinaten (in Pixeln)		HTML, Usability und Barrierefreiheit	1	26.10.2004 15:00
CRC Summe einer Datei ermitteln??		PHP Tipps 2004	1	14.10.2004 09:23
[Erledigt] Tabellenname eines Feldes ermitteln		PHP-Fortgeschrittene	3	22.09.2004 15:49
Position relative oder absolute	Stümper	HTML, Usability und Barrierefreiheit	3	12.09.2004 11:56


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.08.2010, 19:38
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	top ist wohl eine vordefinierter Wert und damit reserviert. Die 77 ist vermutlich der left-Wert. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --