Beräkna avståndet mellan mus och element CSS-tricks

Innehållsförteckning
(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); )); ))();

Denna kod beräknar avståndet mellan muspekaren och mitten av ett element. Detta kan vara användbart för att utlösa en funktion när musen ligger inom ett visst avstånd från ett element. Eller så kan du basera värdet på en egenskap, såsom elementets bredd, höjd eller opacitet, i närheten av muspekaren.

Intressanta artiklar...