onclick Mausposition

campari

Erfahrenes Mitglied
Diese Funktion gibt die aktuelle Mausposition zurück:
HTML:
function mouse_pos(e) {
	if(!e) e = window.event;
	var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ? 
	window.document.documentElement : window.document.body;
	var posx = e.pageY ? e.pageY : e.clientY + body.scrollTop - body.clientTop;
	var posy = e.pageX ? e.pageX : e.clientX + body.scrollLeft  - body.clientLeft;
	var sdiv = document.getElementById("showedit");
	sdiv.style.top = posx;
	sdiv.style.left = posy;
}

Innerhalb des Head eingebunden läuft alles wunderbar:
HTML:
<script type="text/javascript">
document.onclick = mouse_pos;
</script>

Die Funktion soll aber für einen bestimmten Link aufgerufen werden, da erhalte ich Fehlermeldung "e is undefined":
HTML:
<a href="#" onclick="mouse_pos();return false;">bla</a>

Wo ist da der Denkfehler? Danke!
 
Hi,

übergib der Funktion event als Parameter.
Code:
<a href="#" onclick="mouse_pos(event);return false;">bla</a>

Ausserdem solltest du bei der Zuweisung an die CSS-Eigenschaften top und left eine Einheit angeben.
Code:
sdiv.style.top = posx + "px";
sdiv.style.left = posy + "px";

Ciao
Quaese
 

Neue Beiträge

Zurück