Corsi on-line

Rilevare le coordinate del mouse con jQuery

Ho trovato un interessante articolo in cui è presente un piccolo snippet in grado di interecettare il cursore del mouse all’interno di un box con jQuery e di mostrarne le coordinate in seguito ad un click.

Le coordinate fornite tramite l’evento sono naturalmente quelle cartesiane con cui si individua la posizione di un oggetto all’interno di uno spazio sulla base degli assi di ascisse e ordinate, per cui in seguito al click riceveremo la X e la Y corrispondenti:

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

});
});

L’informazione richiesta verrà mostrata a video attraverso una comune finestra di alert come la seguente:

Post correlati
I più letti del mese
Tematiche