Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andrey Knupp Vital

[Resolvido] Focus

Recommended Posts

Fala aí galera .. acho que esse e meu primeiro post aqui nesse forum de js .. mais vamos direto ao assunto \:

 

tenho o seguinte codigo

 

         $("table tr td").find('#contad, #contac,  #doc, #valor,  #hp, #hpvar').keypress(function(e){
              var field = $(this).parent('td').parent('tr').next('#contad, #contac, #doc, #valor, #hp, #hpvar');
              var key =  e.keyCode ? e.keyCode : e.which;
               if(key == 13)
               {
                   field.focus();
                   return false;
               }
         });

eu presiso fazer ele mover o foco pro proximo campo ao apertar enter ..porem eu ja tentei de tudo e um puco mais , mais ele não sai com o foco do campo

atual

 

os campos são assim

 

  <table border="0" width="29%">
  <tr>
    <td align="right"> Conta D</td>
    <td> <input type="text" name="contad" id="contad"></td>
  </tr>

   <tr>
     <td align="right"> Conta C</td>
     <td> <input type="text" name="contac" id="contac"></td>
   </tr>

  <tr>
     <td align="right"> DOC</td>
     <td> <input type="text" name="doc" id="doc"></td>
  </tr>

  <tr>
     <td align="right"> Valor </td>
     <td> <input type="text" name="valor" id="valor"></td>
  </tr>

  <tr>
     <td align="right"> HP</td>
     <td> <input type="text" name="hp" id="hp"></td>
  </tr>

  <tr>
     <td align="right"> HP Var</td>
     <td> <textarea cols="30" id="hpvar" name="hpvar" rows="4"></textarea></td>
  </tr>
   </table>

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Melhora um pouco o HTML.

Atribua uma classe para os campos, digamos 'autotab'.

 

Faça assim:

$('.autotab').keypress(function(e){
  e = e || window.event;
  var code = e.keyCode;

  if(code == 13){
 	$(this).closest('tr').next().find('.autotab').focus();
  }
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

é , mais ele tem que percorer so os campos que estão dentro da tabela , não tem como pelo ID não ?

 

vlww , consegui dessa maneira

 

         $('table tr td').find('#contad, #contac, #doc, #valor, #hp, #hpvar').keypress(function(e){
              var key =  e.keyCode ? e.keyCode : e.which;
              var field = $(this).closest('tr').next().find('#contad, #contac, #doc, #valor, #hp, #hpvar');
               if(key == 13)
               {
                   field.focus();
                   return false;
               }
         });

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.