Jump to content

Archived

This topic is now archived and is closed to further replies.

Mehow

Como passar para o proximo input apertando enter?

By Mehow, in Javascript

Recommended Posts

Mehow    1

Mehow
Posted

Procurei scripts para autotab mas não achei nenhum que passa para o próximo input quando aperta Enter, alguem tem algum script desse?

 

o autotab não está servindo pq nele usa um valor especifico de caracteres que ao serem digitados pula para o proximo input

quando se trata de notas podem ser quantidades diferentes de caracteres,então queria um que mudasse ao pressionar o Enter

 

PS: não sei programar em javascript

Share this post

Link to post
Share on other sites

RobertoPC    0

RobertoPC
Posted

Assim:

 

<html>
<body>

<script type="text/javascript">

	function EnterTab(InputId,Evento){

		if(Evento.keyCode == 13){		

			document.getElementById(InputId).focus();

		}

	}

</script>

<input type="editbox" id="input1" onkeydown="javascript:EnterTab('input2',event)">
<p>

<input type="checkbox" id="input2" onkeydown="javascript:EnterTab('input3',event)">
<p>

<input type="submit" id="input3">

</body>
</html>

Pergunta: Em qual navegador não funcionou?

Share this post

Link to post
Share on other sites

Mehow    1

Mehow
Posted

Testei seu código, quando da enter passa para o proximo input mas da submit no form... tem como não dar submit ao pressionar enter?

Share this post

Link to post
Share on other sites

RobertoPC    0

RobertoPC
Posted

No firefox funfou legal, só no ie que não. Mas pelo que vi isso é padrão do ie mesmo, acho que nem tem como adaptar.

Share this post

Link to post
Share on other sites

Dee    0

Dee
Posted

Cara, como não pode ser o TAB ?

Só mudar o Número do Evento pra 8(TAB), ao invés de 32(ENTER).

 

Quando o usuário terminar de digitar ele dá um TAB.

Agora se ele digitar a quantidade de caracteres permitidas, você trata... que quando for igual a quantidade máxima permitida você vai para o próximo campo.

Exemplo:

 

<script>
function pula(){
   var nome = document.form.nome;
   switch(nome.length){
       case 8:
          document.form.idade.focus(); 
       break;
   }
}
</script>

<form name='form'>
Nome: <input type='text' name='nome' maxlenght='8' />
Idade: <input type='text' name='idade' />
</form>

Share this post

Link to post
Share on other sites

Mehow    1

Mehow
Posted

Cara, como não pode ser o TAB ?

Só mudar o Número do Evento pra 8(TAB), ao invés de 32(ENTER).

 

Quando o usuário terminar de digitar ele dá um TAB.

Agora se ele digitar a quantidade de caracteres permitidas, você trata... que quando for igual a quantidade máxima permitida você vai para o próximo campo.

Exemplo:

 

<script>
function pula(){
   var nome = document.form.nome;
   switch(nome.length){
       case 8:
          document.form.idade.focus(); 
       break;
   }
}
</script>

<form name='form'>
Nome: <input type='text' name='nome' maxlenght='8' />
Idade: <input type='text' name='idade' />
</form>

Esse negócio de enter é idéia do patrão.. fazer oq rsrs

tbm acho melhor o tab, coloquei esse de autotab

 

valew

Share this post

Link to post
Share on other sites

Dee    0

Dee
Posted

Corrigi a função, tava com erro:

 

<script type='text/javascript'>
function pula(){
   var nome = document.form.nome;
   switch(nome.value.length){
       case 8:
          document.form.idade.focus(); 
       break;
   }
}
</script>

<form name='form'>
Nome: <input type='text' name='nome' maxlength='8' onkeypress="return pula()" />
Idade: <input type='text' name='idade' />
</form>

Share this post

Link to post
Share on other sites

João Vitor Ramos Tonolli    0

João Vitor Ramos Tonolli
Posted

Tem sim, da seguinte forma :D

 


<script type="text/javascript">

function Enter(idinput){
	if(event.keyCode == 13){
		document.getElementById(idinput).focus();     
		return false;           
	}
}

</script>


nome <input type="text" name="nome" id="nome" onkeyup="Enter('idade');"><br>
idade <input type="text" name="idade" id="idade" onkeyup="Enter('telefone');"><br>
Telefone <input type="text" name="Telefone" id="Telefone"><br>

 

Espero ter Ajudado !

Share this post

Link to post
Share on other sites

Mehow    1

Mehow
Posted

consegui um que deu certo, mas só funciona no IE

 

function TABEnter(oEvent){
  var oEvent = (oEvent)? oEvent : event;
  var oTarget =(oEvent.target)? oEvent.target : oEvent.srcElement;
  if(oEvent.keyCode==13)
    oEvent.keyCode = 9;
  if(oTarget.type=="text" && oEvent.keyCode==13)
    //return false;
    oEvent.keyCode = 9;
  if (oTarget.type=="radio" && oEvent.keyCode==13)
    oEvent.keyCode = 9;
}

onKeyDown="TABEnter()"

 

vlw

Share this post

Link to post
Share on other sites

Dee    0

Dee
Posted

consegui um que deu certo, mas só funciona no IE

 

function TABEnter(oEvent){
  var oEvent = (oEvent)? oEvent : event;
  var oTarget =(oEvent.target)? oEvent.target : oEvent.srcElement;
  if(oEvent.keyCode==13)
    oEvent.keyCode = 9;
  if(oTarget.type=="text" && oEvent.keyCode==13)
    //return false;
    oEvent.keyCode = 9;
  if (oTarget.type=="radio" && oEvent.keyCode==13)
    oEvent.keyCode = 9;
}

onKeyDown="TABEnter()"

 

vlw

 

Nesse código para funcionar no FF, é só trocar KeyCode por Which.

É para funcionar.

Share this post

Link to post
Share on other sites
Go To Topic Listing Javascript
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.

  I accept