Ir para conteúdo

POWERED BY:

Arquivado

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

guilhermejr

Pulando de campo com o ENTER

Por , em Javascript

Recommended Posts

rafaelunp    0

rafaelunp
Postado

Amigo,Tenho esse código ai... Espero que sirva...<html><head><title>Teste</title><script LANGUAGE="JavaScript"><!-- Begin nextfield = "campo1"; // nome do primeiro campo do site netscape = ""; ver = navigator.appVersion; len = ver.length; for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break; netscape = (ver.charAt(iln+1).toUpperCase() != "C");function keyDown(DnEvents) {// ve quando e o netscape ou IEk = (netscape) ? DnEvents.which : window.event.keyCode;if (k == 13) { // preciona tecla enterif (nextfield == 'done') {alert("viu como funciona?");return false;//return true; // envia quando termina os campos} else {// se existem mais campos vai para o proximoeval('document.form1.' + nextfield + '.focus()');return false;}}}document.onkeydown = keyDown; // work together to analyze keystrokesif (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);// End --></script></head><body><form action="enter_como_tab.asp" method="post" name="form1" onSubmit="return checa(this);"> Campo 1: <input type="text" name="campo1" size="45" onFocus="nextfield ='campo2';"> Campo 2: <input type="text" name="campo2" size="45" onFocus="nextfield ='campo3';"> Campo 3: <input type="text" name="campo3" size="45" onFocus="nextfield ='campo4';"> Campo 4: <input type="text" name="campo4" size="45" onFocus="nextfield ='done';"> <input type="submit" name="envia" value="Enviar"></form> </body> </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Amigo, pq deseja que seja a tecla enter??Hehehe... experimente usar um form e aperte a tecla tab e veja o que ocorre...c/ certeza ele funciona em todos os browser, acertei??SAlvo se o danado do webmaster, desativou isso na pagina, dai seja qual for o seu browser, ele não funcionará, ok??[]sRodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

jsp_dev    0

jsp_dev
Postado

Olá!! Eu já fiz este script a muito tempo atrás e postei ainda na primeira versão do fórum. Essa é a terceira vez que posto ele aki:

 

<html><head><title>JumpNext</title><script language="JavaScript" type="text/JavaScript">function jumpNext (fromFld, toFld){     if(event.keyCode == 13)  {        document.forms[fromFld].elements[toFld].focus();	document.forms[fromFld].elements[toFld].select();  	}}</script></head><body><form name="form1" method="post" action="">  <p>     <input name="texto1" type="text" id="texto1" onKeyUp="jumpNext(0,'texto2')">  </p>  <p>    <input name="texto2" type="text" id="texto2" onKeyUp="jumpNext(0,'texto1')">  </p></form><script></script></body></html>
Qualquer coisa me avise...

Acho que funciona em todos os browsers

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustogava    0

augustogava
Postado

fiz agora, vê se funciona...testei no ie 6, e firefox 1.5var main = { //Retorn true se tecla keyPress é pressionada procuraTecla: function (evt,keyPress) { evt = (evt) ? evt : event var c = (evt.which) ? evt.which : evt.keyCode if (c == keyPress) { return true } return false }}window.onload = function (){ document.getElementById('texto1').onkeypress = function (evt){ next(evt,'texto2'); }}function next(evt,el){ if(main.procuraTecla(evt,13)) document.getElementById(el).focus();}<input name="texto1" type="text" id="texto1"><input name="texto1" type="text" id="texto2">

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito