Beregn avstand mellom mus og element - CSS-triks

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

Denne koden vil beregne avstanden mellom musemarkøren og midten av et element. Dette kan være nyttig for å utløse en funksjon når musen er innenfor en viss avstand fra et element. Eller du kan basere verdien til en eiendom, for eksempel bredden, høyden eller opasiteten til elementet, på nærheten av musemarkøren.