माउस और तत्व के बीच की दूरी की गणना - सीएसएस-ट्रिक्स

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

यह कोड माउस कर्सर और एक तत्व के केंद्र के बीच की दूरी की गणना करेगा। यह एक फ़ंक्शन को ट्रिगर करने के लिए उपयोगी हो सकता है जब माउस किसी तत्व की एक निश्चित दूरी के भीतर होता है। या, आप माउस कर्सर की निकटता पर, किसी गुण का मान, जैसे तत्व की चौड़ाई, ऊँचाई या अस्पष्टता को आधार बना सकते हैं।