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

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的选项）。