Динамически создаваемый Canvas в 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 от самого события, поэтому оно никогда не работает.