在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的位置，這就是爲什麼它永遠不會工作。