Obțineți coordonatele X, Y ale mouse-ului în caseta - CSS-Tricks

Cuprins

Codul de mai jos vă va oferi coordonatele X, Y ale unui clic de mouse într-o anumită casetă. Eliminând toate lucrurile despre offset, puteți obține cu ușurință coordonatele X, Y ale clicului în raport cu fereastra browserului.

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

Exemplu

Faceți clic în caseta de mai jos

Articole interesante...