jQuery: calcolare la distanza tra il puntatore del mouse ed un elemento

Con jQuery possiamo calcolare la distanza tra il puntatore del mouse ed un elemento.

jQuery di Gabriele Romanato

Con jQuery possiamo calcolare la distanza tra il puntatore del mouse ed un elemento.

La soluzione è la seguente:


(function( $ ) {
  function calculateMouseDistance( elem, mouseX, mouseY ) {
      return Math.floor( Math.sqrt( Math.pow( mouseX - ( elem.offset().left + ( elem.width() / 2 ) ), 2 ) + Math.pow( mouseY - ( elem.offset().top + ( elem.height() / 2 ) ), 2 ) ) );
  }
  $(function() {
    $( document ).mousemove(function( e ) {  
      var mX = e.pageX;
      var mY = e.pageY;
      var distance = calculateMouseDistance( $( "#test" ), mX, mY );
      console.log( distance );
             
    });
  });
})( jQuery );

Commenti