Zatrzymaj przewijanie strony podczas przechwytywania naciśnięć klawiszy, takich jak spacja i strzałki

Question

Używam JavaScript i Prototypu oraz przechwytywanie naciśnięć klawiszy od użytkownika. Udało mi się złapać powrotny, przestrzeń i strzały z kodem tak:

Event.observe(window, "keyup", function(e) { 
    switch (e.keyCode) { 
    case Event.KEY_RETURN: 
    case Event.KEY_RIGHT: 
    case 32: // space 
     // do something 
     break; 
    } 
}); 

Moim problemem jest to, że przestrzenie i strzałki przechowywać na przewijanie strony. Czy istnieje sposób, aby uniemożliwić im przewijanie strony?

Answer 1

Od the Prototype documentation:

Event.stop (event)
Zatrzymuje rozprzestrzenianie zdarzenia i zapobiega jego domyślną akcję przed wyzwalane ostatecznie.

Dodanie Event.stop(e); przed break; powinno rozwiązać Twój problem.

Powinieneś także zrobić to dla zdarzenia keydown, ponieważ keyup jest za późno.

Answer 2

Jest zbyt późno w keyup, aby zapobiec domyślnej akcji przeglądarki. Czy to w przypadku keydown i używać zamiast prototyp za Event.stop metody:

Event.observe(document, "keydown", function(e) { 
    switch (e.keyCode) { 
    case Event.KEY_RETURN: 
    case Event.KEY_RIGHT: 
    case 32: // space 
     // do something 
     Event.stop(e); 
     break; 
    } 
}); 

Answer 3

Zastosowanie e.preventDefault() przestałem domyślne zachowanie przeglądarki

Answer 4

e.preventDefault() działa w Chrome.