JQuery: Keyup, ¿cómo evito el comportamiento predeterminado de la flecha (arriba y abajo) y la tecla enter?

Question

Javascript (jQuery)

$('input').keyup(function(e) 
{ 
    var code = e.keyCode ? e.keyCode : e.which; 

    switch(code) 
    { 
     case 38: 
     break; 

     case 40: 
     break; 

     case 13: 
     break; 

     default: 
     return; 
    } 
}); 

HTML

<form method="post" action="/"> 
<input type="text" name="text" /> 
<button type="submit">Submit</button> 
</form> 

tengo 2 problemas:

1) El símbolo de intercalación no debe moverse cuando pulso el hasta flecha llave.

Por ejemplo, en Chrome cuando presiono la tecla hacia arriba, mueve el cursor hacia la izquierda. Pero solo tengo este problema en Chrome. Funciona bien en FF.

2) Cuando presiono el ingrese la clave, no deseo que se envíe el formulario.

Por cierto, quiero conseguir que esto funcione con keyup y no pulsación de tecla.

Agradecería cualquier idea. Gracias.

Answer 1

No creo que pueda preventDefault() (que es lo que se necesita usar para detener el navegador de la realización de la acción predeterminada para una llave) en el caso keyup - se disparó después de el evento predeterminado tiene Ya ocurrió Vea this page para más.

Si puede, considere usar el keydown en su lugar.

En cuanto a detener el envío del formulario, puede enlazar al submit event y return false; cuando el envío no fue activado por el botón de envío (ver jQuery: how to get which button was clicked upon form submission? para saber cómo determinar esto).

Por otro lado, también podría unirse a keypress para la forma y cuando Introduzca se pulsa cancelar la presentación de la misma manera (código no probado):

$('form').keypress(function(e){ 
    if(e.which === 13){ 
     return false; 
    } 
}); 

Answer 2

lugar de descanso que podría tratar de retorno falsa o hacer que llamar a una función y el uso de http://api.jquery.com/event.preventDefault/

Por ejemplo: case 40: function(e) {e.preventDefault;}

Además, $('form').submit(function() {return false}); dejaría de presentaciones en total, pero no estoy seguro de que sea eso lo que buscas?

Answer 3

Para evitar que se envíe el formulario cuando el usuario presione enter, debe vincular la función de envío de su formulario y devolver false si el desencadenador de evento fue el botón enter que se está presionando.

para el Arriba/Abajo pulse el botón, use e.preventDefault();

Answer 4

El método más fiable es una combinación de e.preventDefault(), e.stopPropagation() y return false;

Esto es lo que podría ser:

var override_keys = [13, 38, 40]; 

$('input').keyup(function(e){ 
    var code = e.keyCode ? e.keyCode : e.which; 

    if ($.inArray(code, override_keys)) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    return false; 
    } 
}); 

Además, para evitar que la forma de ser presentado junto con la tecla enter debe comprobar submit del formulario evento:

$('#form').submit(function(e){ 
    var code = e.keyCode ? e.keyCode : e.which; 

    if ($.inArray(code, override_keys)) { 
    return false; 
    } 
}); 

Answer 5

Parece que en realidad PUEDE detener el valor predeterminado para 'ENTER' mientras usa keyup(); ... jQuery API escribe sobre ellos mismos aquí: http://api.jquery.com/keyup/

He aquí cómo usted tiene que hacer:

$('textarea').keyup(function(e) { 
    // your code here 
}).keydown(function(e){ 
    // your e.which for ENTER. 
});