Uzyskaj współrzędne X, Y myszy w ramce - CSS-Tricks

Anonim

Poniższy kod poda współrzędne X, Y kliknięcia myszą w danym polu. Usuwając wszystkie rzeczy związane z przesunięciem, możesz łatwo uzyskać współrzędne X, Y kliknięcia względem okna przeglądarki.

$(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); )); ));

Przykład

Kliknij pole poniżej