Bindowanie klawiszy strzałek w JS/jQuery

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "left pressed" );
       return false;
    }
});

Kody znaków:

37 - left

38 - do góry

39 - prawo

40 - W Dół

Możesz użyć kodu klawiszy strzałek (37, 38, 39 i 40 W Lewo, w górę, w prawo i w dół):

$('.selector').keydown(function (e) {
  var keyCode = e.keyCode || e.which,
      arrow = {left: 37, up: 38, right: 39, down: 40 };

  switch (keyCode) {
    case arrow.left:
      //..
    break;
    case arrow.up:
      //..
    break;
    case arrow.right:
      //..
    break;
    case arrow.down:
      //..
    break;
  }
});

Sprawdź powyższy przykład tutaj .

Jest to trochę za późno, ale HotKeys ma bardzo duży błąd, który powoduje, że zdarzenia są wykonywane wiele razy, jeśli do elementu dołączysz więcej niż jeden hotkey. Wystarczy użyć zwykłego jQuery.

$(element).keydown(function(ev) {
    if(ev.which == $.ui.keyCode.DOWN) {
        // your code
        ev.preventDefault();
    }
});

Po prostu połączyłem najlepsze fragmenty z innych odpowiedzi:

$(document).keydown(function(e){
    switch(e.which) {
        case $.ui.keyCode.LEFT:
        // your code here
        break;

        case $.ui.keyCode.UP:
        // your code here
        break;

        case $.ui.keyCode.RIGHT:
        // your code here
        break;

        case $.ui.keyCode.DOWN:
        // your code here
        break;

        default: return; // allow other keys to be handled
    }

    // prevent default action (eg. page moving up/down)
    // but consider accessibility (eg. user may want to use keys to choose a radio button)
    e.preventDefault();
});

Możesz użyć KeyboardJS. Napisałem bibliotekę do takich zadań.

KeyboardJS.on('up', function() { console.log('up'); });
KeyboardJS.on('down', function() { console.log('down'); });
KeyboardJS.on('left', function() { console.log('right'); });
KeyboardJS.on('right', function() { console.log('left'); });

Sprawdź bibliotekę tutaj = > http://robertwhurst.github.com/KeyboardJS/

Zwięzłe rozwiązanie przy użyciu zwykłego Javascript (dzięki Sygmoral za sugerowane ulepszenia):

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 37:
            alert('left');
            break;
        case 39:
            alert('right');
            break;
    }
};

Zobacz też https://stackoverflow.com/a/17929007/1397061 .

Czy na pewno jQuery.HotKeys nie obsługuje klawiszy strzałek? Miałem grzebał z ich demo przed i obserwowane lewo, prawo, w górę iw dół pracy, kiedy testowałem go w IE7, Firefox 3.5.2 i Google Chrome 2.0.172...

EDIT: pojawia się jquery.hotkeys został przeniesiony na Github: https://github.com/jeresig/jquery.hotkeys

Zamiast return false; jak w powyższych przykładach, możesz użyć e.preventDefault();, który robi to samo, ale jest łatwiejszy do zrozumienia i odczytania.

Przykład czystego js z przejściem w prawo lub w lewo

        window.addEventListener('keydown', function (e) {
            // go to the right
            if (e.keyCode == 39) {

            }
            // go to the left
            if (e.keyCode == 37) {

            }
        });

Możesz użyć jQuery bind:

$(window).bind('keydown', function(e){
    if (e.keyCode == 37) {
        console.log('left');
    } else if (e.keyCode == 38) {
        console.log('up');
    } else if (e.keyCode == 39) {
        console.log('right');
    } else if (e.keyCode == 40) {
        console.log('down');
    }
});

Możesz sprawdzić, czy an {[1] } jest wciśnięte przez:

$(document).keydown(function(e){
    if (e.keyCode > 36 && e.keyCode < 41) { 
       alert( "arrowkey pressed" );
       return false;
    }
});

Strzałka Prevent dostępna tylko dla dowolnego obiektu else SELECT, cóż właściwie nie mam tes na innym obiekcie LOL. ale może zatrzymać Zdarzenie strzałki na stronie i typie wprowadzania.

Już próbuję zablokować strzałkę w lewo i w prawo, aby zmienić wartość SELECT obiektu za pomocą "e. preventDefault()" lub "return false" NA zdarzeniu "kepress" "keydown" i "keyup", ale nadal zmienia wartość obiektu. ale wydarzenie nadal mówi, że strzałka została naciśnięta.

Solidna biblioteka Javascript do przechwytywania wprowadzanych kombinacji klawiszy i klawiszy. Nie ma żadnych zależności.

Http://jaywcjlove.github.io/hotkeys/

hotkeys('right,left,up,down', function(e, handler){
    switch(handler.key){
        case "right":console.log('right');break
        case "left":console.log('left');break
        case "up":console.log('up');break
        case "down":console.log('down');break
    }
});

Przyszedłem tutaj, szukając prostego sposobu, aby użytkownik, gdy koncentruje się na wejściu, za pomocą klawiszy strzałek do +1 lub -1 wejście numeryczne. Nigdy nie znalazłem dobrej odpowiedzi, ale zrobiłem następujący kod, który wydaje się działać świetnie-czyniąc tę witrynę teraz.

$("input").bind('keydown', function (e) {
    if(e.keyCode == 40 && $.isNumeric($(this).val()) ) {
        $(this).val(parseFloat($(this).val())-1.0);
    } else if(e.keyCode == 38  && $.isNumeric($(this).val()) ) { 
        $(this).val(parseFloat($(this).val())+1.0);
    }
}); 

Z kawą & Jquery

  $(document).on 'keydown', (e) ->
    switch e.which
      when 37 then console.log('left key')
      when 38 then console.log('up key')
      when 39 then console.log('right key')
      when 40 then console.log('down key')
    e.preventDefault()