press - Simular presionar la tecla tab con jQuery

jquery trigger key

Question

Tengo algunos cuadros de texto en una página .net y quiero lograr lo siguiente con jQuery: si el usuario presiona regresar, el programa debería comportarse "como si" hubiera usado la tecla de tabulación, seleccionando el siguiente elemento. Probé el siguiente código (y algunos más):

<script type="text/javascript">

jQuery(document).ready(function () {

    $(''.tb'').keypress(function (e) {
        if (e.keyCode == 13)
        {
            $(this).trigger("keydown", [9]);
            alert("return pressed");
        } 
    });
});

<asp:TextBox ID="TextBox1" runat="server" CssClass="tb"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" CssClass="tb"></asp:TextBox>

¡Pero simplemente no funciona! ¿Falta algo, cometiendo un error?

Aquí algunos enlaces que utilicé.

here

y aquí

Answer 1

A partir de múltiples respuestas, he combinado la solución perfecta para mí, donde entrar actúa como una pestaña en las entradas y selecciona y enfoca la siguiente entrada, selección o área de texto mientras permite ingresar dentro del área de texto.

 $("input,select").bind("keydown", function (e) {
     var keyCode = e.keyCode || e.which;
     if(keyCode === 13) {
         e.preventDefault();
         $(''input, select, textarea'')
         [$(''input,select,textarea'').index(this)+1].focus();
     }
 });

Answer 2

He creado un complemento simple de jQuery que resuelve este problema. Utiliza el selector '': tabbable'' de jQuery UI para encontrar el siguiente elemento ''tabbable'' y lo selecciona.

Ejemplo de uso:

// Simulate tab key when enter is pressed           
$(''.tb'').bind(''keypress'', function(event){
    if(event.which === 13){
        if(event.shiftKey){
            $.tabPrev();
        }
        else{
            $.tabNext();
        }
        return false;
    }
});

Answer 3

Prueba esto

$(this).trigger({
    type: ''keypress'',
    which: 9
});

Answer 4

Prueba esto:

http://jsbin.com/ofexat

$(''.tg'').bind(''keypress'', function(event) {
  if(event.which === 13) {
    $(this).next().focus();
  }
});

o la versión de bucle: http://jsbin.com/ofexat/2