将鼠标指针放在给定的直径内

Question

我想在用户将鼠标指针从坐标X=42, Y= 10移动到坐标X=40, Y=200时显示警告。

但是，由于这些鼠标点非常小，因此用户可能无法以精确坐标开始和结束。所以我想做的是给出一个范围，用户可以在鼠标在一定直径范围内时开始和结束。

我该怎么做？

Answer 1

这是你要找的吗？

$("body").mousemove(function(event) {
    var radius = 10, yourX = 40, yourY = 10;
    var xDimenion = yourX > event.pageX ? yourX - event.pageX : event.pageX - yourX;
    var yDimenion = yourY > event.pageY ? yourY - event.pageY : event.pageY - yourY;
    if(Math.sqrt(xDimenion * xDimenion + yDimenion * yDimenion ) < radius){
        //do some stuff
    }
});

我认为现在好了。

Answer 2

客户端图像映射是否使用点图像和“区域形状”（设置为“圆圈”）工作http://www.tutorialspoint.com/html/html_image_links.htm（底部）;它为鼠标悬停提供了精确的半径（以及使用poly的选项）。