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