Aprēķiniet attālumu starp peli un elementu CSS-triki

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

Šis kods aprēķinās attālumu starp peles kursoru un elementa centru. Tas var būt noderīgi, lai aktivizētu funkciju, kad pele atrodas noteiktā attālumā no elementa. Vai arī īpašuma vērtību, piemēram, elementa platumu, augstumu vai necaurredzamību, varat balstīt uz peles kursora tuvumu.