Calculer la distance entre la souris et l'élément - Astuces 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); )); ))();

Ce code calculera la distance entre le curseur de la souris et le centre d'un élément. Cela peut être utile pour déclencher une fonction lorsque la souris se trouve à une certaine distance d'un élément. Ou, vous pouvez baser la valeur d'une propriété, telle que la largeur, la hauteur ou l'opacité de l'élément, sur la proximité du curseur de la souris.