Arresta la pagina dallo scorrimento quando si intercetta il tasto preme come lo spazio e le frecce

Question

Sto usando JavaScript e Prototype e sto prendendo le pressioni dei tasti da parte dell'utente. Mi cattura con successo il ritorno, lo spazio e le frecce con il codice come questo:

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

Il mio problema è che gli spazi e la freccia continuano a scorrere la pagina. C'è un modo per impedirgli di scorrere la pagina?

Answer 1

Da the Prototype documentation:

event.stop (evento)
Arresta propagazione della manifestazione e previene la sua azione predefinita venga azionata alla fine.

Quindi aggiungere Event.stop(e); prima del break; dovrebbe risolvere il problema.

Inoltre, si dovrebbe fare questo per l'evento keydown, perché keyup è troppo tardi.

Answer 2

È troppo tardi in keyup per impedire l'azione predefinita del browser. Farlo in caso keydown invece e utilizzare il metodo di Event.stop Prototype:

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

Usa e.preventDefault() per fermare il comportamento predefinito di navigatore

Answer 4

e.preventDefault() funziona in Chrome.