我希望当鼠标距离元素 X 距离时运行一个函数。
我认为应该移动 mousemove 事件,但由于元素可能并不总是位于同一位置,我不确定如何获取相对于元素的鼠标位置?
有没有人有类似的例子?
最佳答案
var mX, mY, distance;
$element = $('#YourElementID');
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);
// do your stuff with distance
});
关于javascript - 当鼠标距元素 x 距离时,Jquery 如何触发函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16044152/