(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); )); ))();
Đoạn mã này sẽ tính toán khoảng cách giữa con trỏ chuột và tâm của một phần tử. Điều này có thể hữu ích để kích hoạt một chức năng khi chuột ở trong một khoảng cách nhất định của một phần tử. Hoặc, bạn có thể căn cứ giá trị của một thuộc tính, chẳng hạn như chiều rộng, chiều cao hoặc độ mờ của phần tử, dựa trên vị trí gần của con trỏ chuột.