Izračunaj udaljenost između miša i elementa - CSS-trikovi

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

Ovaj će kôd izračunati udaljenost između pokazivača miša i središta elementa. To može biti korisno za pokretanje funkcije kada se miš nalazi na određenoj udaljenosti od elementa. Ili vrijednost svojstva, poput širine, visine ili neprozirnosti elementa, možete temeljiti na blizini pokazivača miša.