Calcola la distanza tra il mouse e l'elemento - Trucchi CSS

Anonim
(function() ( var mX, mY, distance, $distance = $('#distance span'), $element = $('#element'); function calculateDistance(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))); ) $(document).mousemove(function(e) ( mX = e.pageX; mY = e.pageY; distance = calculateDistance($element, mX, mY); $distance.text(distance); )); ))();

Questo codice calcolerà la distanza tra il cursore del mouse e il centro di un elemento. Ciò può essere utile per attivare una funzione quando il mouse si trova entro una certa distanza da un elemento. Oppure puoi basare il valore di una proprietà, come la larghezza, l'altezza o l'opacità dell'elemento, sulla prossimità del cursore del mouse.