Abstand zwischen Maus und Element berechnen - CSS-Tricks

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

Dieser Code berechnet den Abstand zwischen dem Mauszeiger und der Mitte eines Elements. Dies kann nützlich sein, um eine Funktion auszulösen, wenn sich die Maus in einem bestimmten Abstand von einem Element befindet. Sie können den Wert einer Eigenschaft, z. B. die Breite, Höhe oder Deckkraft des Elements, auf die Nähe des Mauszeigers stützen.