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

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.

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

Torna su