Wątek: Przytrzymanie i zwolnienie przycisku

Witam, próbuje napisać kod w którym po przytrzymaniu przycisku, będzie wykonywana dana funkcja (w tym przypadku wysłanie danych do bazy za pomocą ajaxu i wyświetlenie animacji), a po zwolnieniu, funkcja zostaje natychmiast zatrzymana. Problem polega na tym, że po dłuższym przytrzymaniu przycisku i puszczeniu, jquery zapisuje jeszcze sobie jak długo klawisz był trzymany i jeszcze przez kilka sekund wykonuje funkcje zawartą w keydown.

Dla lepszego zrozumienia kod wygląda mniej więcej tak.

$().keydown(function (event) {
if(event.keyCode==37){
//wysłanie danych do bazy i wyświetlenie animacji
}
});

Bardzo proszę o pomoc, rozumiem, że muszę dodać jakąś funkcję w keyup która przerwie instrukcje wykonywaną w keydown.

powinienes ustawic sobie zmienna globalna "kaydown" i ustawiac ja na true w swojej funkcji, a w funkcji keyup ustawiac ja na false. Dodatkowo przed wyslaniem czegos ajaxem sprawdzaj czy keydown jest true.

Niestety, nadal mam z tym problem mój obecny kod wygląda mniej więcej tak:

Kod:

l=true;

$().keydown(function (event) {
if(event.keyCode==37){	
if(l==true){
//wysłanie danych do bazy i wyświetlenie animacji
}
}
});

$().keyup(function (event) {
if(event.keyCode==37){	
l=false;
}
});

Dodałem sobie informacje do konsoli i po przytrzymaniu przycisku wygląda to mniej więcej tak:
Kliknąłeś strzałkę w lewo
Kliknąłeś strzałkę w lewo
Kliknąłeś strzałkę w lewo
Puściłeś
Kliknąłeś strzałkę w lewo
Kliknąłeś strzałkę w lewo
Kliknąłeś strzałkę w lewo

Próbowałem dodać też ten if w setInterval, ale to samo.

nie chce dawac ci gotowego rozwiazania bo mi sie pisac nie chce, ale powinienes zrobic sobie interval co powiedzmy 50ms. W tym intervalu powinienes sprawdzac po pierwsze czy postac moze sie ruszyc. Jesli moze sie ruszyc to sprawdzasz jaki klawisz jest aktualnie wcisniety. Jesli jakis jest wcisniety to najpierw ustawiasz stan na "nie moge sie ruszyc" a pozniej wysylasz zapytanie do bazy i animacje robisz. W odpowiedzi "onSuccess" lub "onError" dajesz stan na "moze sie ruszyc" tak zeby moglo sie wykonac nastepne zapytanie. Pamietaj ze JS jest asynchroniczny w ajaxach, wiec musisz ustawiac stany w momencie jak dostaniesz zwrotke. To nie szybkie polaczenie jak przy php z baza danych. Tutaj jednak trzeba to asynchronicznie projektowac.

Kod:

var canMove = true;
var keycode = false;

$().keydown(function (event) {
keycode = event.keyCode
});

$().keyup(function (event) {
  keycode = false;
});


setInterval(function(){
  if (!canMove)return;
  if (keycode === false)return;
  if (keycode === 37){
    //tutaj dajesz instrukcje wyslania. Nie zapomnij dac ustawienia canMove na true po wyslaniu ajaxem
    canMove = false;
  }
},50);

Naprawdę dziękuję, wystarczyła mi sama idea stworzenia Intervala w którym będę co jakiś czas sprawdzał czy przycisk jest wciśnięty, możliwość ruchu itd. sprawdzam już trochę inaczej. Jeszcze raz dzięki.