jQuery se mouseDown en mouseover

Question

Tengo una tabla donde quiero cambiar fondo de la celda el ratón por encima y el botón del ratón, mi solución actual no funciona como yo quiero que:

function ChangeColor(sender) { 

    sender.style.backgroundColor = 'yellow'; 

} 

var clicking = false; 


$(document).mouseup(function() { 
    clicking = false; 
}); 


$(document).ready(function() { 
    $('#Table1 tr').each(function() { 
     $('td', this).each(function() { 
      $(this).mousedown(function() { 
       clicking = true; 
      }); 
      $(this).mousedown(function(event) { 
       if (clicking==true) { ChangeColor(this); } 
      }); 
     }); 
    }); 
}); 

¿Hay alguna forma de hacerlo funcionar así?

Answer 1

EDIT: Dada su comentario anterior, se podría hacer algo como esto:

$(document).ready(function() { 
    isMouseDown = false 

    $('body').mousedown(function() { 
     isMouseDown = true; 
    }) 
    .mouseup(function() { 
     isMouseDown = false; 
    }); 

    $('Table1 tr td').mouseenter(function() { 
     if(isMouseDown) 
      $(this).css({backgroundColor:'orange'}); 
    }); 
}); 

Esto le colorear el fondo de la td cuando mouseover, pero sólo si el botón del ratón está presionado.

---

Parece que solo quiere cambiar el color cuando hace clic. Si ese es el caso, es mucho más simple que lo que estás intentando.

$(document).ready() { 

    $('#Table1 tr td').click(function() { 
     $(this).css({backgroundColor:'yellow'}); 
    }); 

}); 

Esto cambiará el fondo de los elementos amarillos td al hacer clic en ellos.

Será similar a cambiar el color cuando mueva el mouseover.

EDIT: Acaba de notar el título de su pregunta.

Si desea activar un clic cuando se pasa ...

$(document).ready() { 

    $('#Table1 tr td').click(function() { 
     $(this).css({backgroundColor:'yellow'}); 
    }) 
    .mouseenter(function() { 
     $(this).click(); 
    }); 

}); 

... por supuesto, se podría eliminar la click en ese caso y simplemente cambiar el fondo con el evento mouseenter.