jQuery jest mousedown po najechaniu myszą

Question

Mam tabeli, gdzie chcę zmienić tło komórek na myszy nad przyciskiem myszy i w dół, moje obecne rozwiązanie nie działa jak chcę go do:

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); } 
      }); 
     }); 
    }); 
}); 

Czy istnieje sposób, aby to działało w ten sposób?

Answer 1

EDIT: Biorąc pod uwagę Twój komentarz powyżej, można zrobić coś takiego:

$(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'}); 
    }); 
}); 

To będzie kolor tła z td kiedy mouseover, ale tylko wtedy, gdy przycisk myszy jest naciśnięty.

---

Wygląda na to, że chcesz zmienić kolor po kliknięciu. Jeśli tak, to jest o wiele prostsze niż to, co próbujesz.

$(document).ready() { 

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

}); 

Spowoduje to zmianę tła elementów td na żółto po ich kliknięciu.

Będzie to podobne do zmiany koloru po najechaniu myszą.

EDYCJA: Właśnie zauważyłem tytuł twojego pytania.

Jeśli chcesz wywołać kliknięcie po najechaniu ...

$(document).ready() { 

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

}); 

... oczywiście, można wyeliminować click w tej sprawie i po prostu zmienić tło ze zdarzeniem mouseenter.