Ir para o conteúdo

 Voltar a Fórum do For...
Tela cheia

Enter para mudar de campo

27 de Agosto de 2012, 15:23 , por Desconhecido - | 1 Pessoa seguindo este artigo.
Visualizado 25 vezes

Pessoal,

Atualmente para mudar o foco de campo é necessário utilizar o TAB ou mouse, alguém sabe uma forma de fazer com que ao pressionar ENTER em um campo o foco vá para o próximo campo?

Obrigado.

Autor: Leandro Santos


44 comentários

  • 51b06d6eae66e2cfdfc361d418eea715?only path=false&size=50&d=404Luis Eugênio barbosa(usuário não autenticado)
    27 de Agosto de 2012, 18:51

     

    Leandro,

    existem várias sugestões para isso, encontrei esta abaixo. Teste ai, adicionando o seguinte javascript no final do formulário:

    <script>

    var textboxes = jQuery("input, select, textarea");

     function init()
            {
            if (jQuery.browser.mozilla)
                {
                jQuery(textboxes).keypress(checkForEnter);
                }
            else
                {
                jQuery(textboxes).keydown(checkForEnter);
                }
            }

        function checkForEnter(event)
            {
            if (event.keyCode == 13)
                {
                currentBoxNumber = textboxes.index(this);
                if (textboxes[currentBoxNumber + 1] != null)
                    {
                    nextBox = textboxes[currentBoxNumber + 1]
                    nextBox.focus();
                    event.preventDefault();
                    return false;
                    }
                }
            }

    </script>

    e no formulário, voce tem que chamar uma função de inicialização init(). Assim:

     $frm->addJavascript( 'init()' );

    O teste que fiz até que funcionou.

    Abraço.

Essa comunidade não possui posts nesse blog