Jak wykryć, że naciśnięto tabulator w jQuery ?

Jak wiadomo przez JavaScript (skupiamy się tutaj na jQuery) możemy przejąć różnego rodzaju zdarzenia, które powstają wskutek działań użytkownika. Zdarzenia takie mają również swoje parametry w zależności, od których możemy z poziomu kodu wykonać jakąś akcje. I tak np. może nam się przydać kod pozwalający wykryć, że wciśnięto klawisz tabulatora, pytanie tylko – po co ? Przykładem niech będzie jakiś formularz składający się z kilku – kilkunastu pól wyboru, dla którego w momencie przełączania się tabulatorem między selectami chcemy wykonać jakiś kod. Nad tym kodem oczywiście skupiać się nie będziemy – chodzi o przykład jak taką sytuację wyłapać.

Tak więc z pomocą przychodzi nam kod :

  $(document).ready(
    function()
    {
      $('select').keydown(
        function(e)
        {
              var keyCode = e.keyCode || e.which;
              if (keyCode == 9)
              {
                  alert('tabulator !');
              }
              return false;
        }
      );
    }
  );

Oczywiście zamiast wyrzucenia okienka (alertu) wykonujemy sobie jakiś kod.

Sam przykład myślę nie wymaga jakiegoś specjalnego tłumaczenia – jest prosty, ale wierzę, że komuś się przyda. Działa poprawnie na Firefoxie, Internet Explorerze, Chrome o raz Operze :)

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
Jak wykryć, że naciśnięto tabulator w jQuery ?, 5.0 out of 5 based on 1 rating

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *


6 − = jeden

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>