Ontvang X-, Y-coördinaten van muis in doos - CSS-trucs

Anonim

De onderstaande code geeft u de X-, Y-coördinaten van een muisklik binnen een bepaald vak. Als u alle dingen over de offset verwijdert, kunt u eenvoudig de X-, Y-coördinaten van de klik krijgen ten opzichte van het browservenster.

$(function() ( $("#demo-box").click(function(e) ( var offset = $(this).offset(); var relativeX = (e.pageX - offset.left); var relativeY = (e.pageY - offset.top); alert("X: " + relativeX + " Y: " + relativeY); )); ));

Voorbeeld

Klik in het onderstaande vak