Jquery Method for Calculating the distance between the mouse and the specified element _ jquery-js tutorial

This article describes how jquery calculates the distance between the mouse and the specified element, and describes jQuery's operations on the page location attribute and mouse event, for more information about how jquery calculates the distance between the mouse and the specified element, see the following example. Share it with you for your reference. The specific implementation method is as follows:

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

I hope this article will help you with jQuery programming.