Detener el desplazamiento de la página cuando se interceptan teclas, como el espacio y las flechas

Question

Estoy usando JavaScript y Prototype y capturo las teclas presionadas por el usuario. Cojo éxito de retorno, el espacio y las flechas con el código como el siguiente:

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

Mi problema es que los espacios y flecha siguen desplazándose la página. ¿Hay alguna manera de evitar que se desplacen por la página?

Answer 1

De the Prototype documentation:

Event.stop (evento)
Detiene la propagación del evento e impide su acción por defecto se dispare con el tiempo.

Por lo tanto, la adición de Event.stop(e); antes del break; debería resolver su problema.

Además, debe hacer esto para el evento keydown, porque keyup es demasiado tarde.

Answer 2

Es demasiado tarde en keyup para evitar la acción predeterminada del navegador. Hacerlo en el caso keydown lugar y el uso Event.stop método del prototipo

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

Uso e.preventDefault() para detener el comportamiento por defecto del navegador

Answer 4

e.preventDefault() funciona en Chrome.