在HTML5动态创建的画布创建矩形，现在想加手形光标只为矩形

Question

$(newCanvas).mouseover(function(e) { 
    ux= x1;// where user click 
    uy = y1; 
    if(ux >=arrObjectDetail[i].pox && ux <= (arrObjectDetail[i].pox + arrObjectDetail[i].width)&& uy >= arrObjectDetail[i].poy && uy <= (arrObjectDetail[i].poy +arrObjectDetail[i].height)) { 
     $(newCanvas).css('cursor', 'pointer'); } 
    else { 
     $(newCanvas).css('cursor', 'default'); 
    } 
); 

在鼠标悬停事件，我想显示手形光标只矩形使用jQuery和HTML5而不是整个画布。

Answer 1

试试这个：

$(newCanvas).mouseover(function(event) { 
    uX = event.layerX; // or event.offsetX for Opera 
    uY = event.layerY; // or event.offsetY for Opera 
    if(uX > rectX && uX < (rectX + rectWidth) && 
     uY > rectY && uY < (rectY + rectHeight)){ 
     $(newCanvas).css('cursor', 'pointer'); 
    } else { 
     $(newCanvas).css('cursor', 'default'); 
    } 
}); 

我不知道你的ux=x1和uy=y1东西是什么。你从来没有真正从事件本身得到x和y的位置，这就是为什么它永远不会工作。