Heim >Web-Frontend >js-Tutorial >jquery-Methode zum Berechnen des Abstands zwischen der Maus und dem angegebenen element_jquery
Das Beispiel in diesem Artikel beschreibt, wie jquery den Abstand zwischen der Maus und dem angegebenen Element berechnet. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:
(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); }); })();
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.