Entrar Ainda não tem acesso?
4
respostas

Alguém pode me ajudar a usar "enter" prá mudar de campo.Já tentei de tudo e não tá dando certo!

por jorge viana
| 13.3k xp | 7 posts
<form id="myform"   name="myform" action=""  class="full">
   <div>
    <input type="text" class="newEnter"  id="nome" tabindex="0"     name="nome" onkeypress="myFunctionChar(event)">
    </div>
    <div>
    <input type="text" class="newEnter" id="endereço" tabindex="1" name="endereço"   onkeypress="myFunctionChar(event)">
    </div>
    <div>
    <input type="text" class="newEnter" id="cidade" tabindex="2" name="cidade" onkeypress="myFunctionChar(event)">
    </div>
    </form>
<script>
        function myFunctionChar(event) {
         //    var h =  event.charCode || event.keyCode;

            //  if (y == 111 || y == 79) {  // o is 111, O is 79
          //      alert("You pressed the 'O' key!");
//            }else{        
                if (event.key=="Enter"){

                    var x = document.getElementById("myform").querySelectorAll("input");
                    document.getElementById("hum").innerHTML=x.length;

                    var y=x[0].tabIndex;
            </script>
4 respostas
por GABRIEL DE JESUS FILHO
| 1129.7k xp | 665 posts
TÉCNICO JUDICIÁRIO : ÁREA ADMINISTRATIVA

Uma forma de fazer:

<form id="myform"   name="myform" action=""  class="full">

    <div id="um">
        <input type="text" class="newEnter"  id="nome" tabindex="1"  name="nome" onkeypress="myFunctionChar(event)" />
    </div>

    <div id="dois">
        <input type="text" class="newEnter" id="endereco" tabindex="2" name="endereço"   onkeypress="myFunctionChar(event)" />
    </div>

    <div id="tres">
        <input type="text" class="newEnter" id="cidade" tabindex="3" name="cidade"  />
    </div>

</form>

<script>
    function myFunctionChar(event) {
        if (event.charCode==13) {
           var id = event.target.parentNode.id ;
           var div = document.getElementById(id).nextElementSibling.id ;
           document.getElementById(div).firstElementChild.focus();
        }   

    }
</script>
por jorge viana
| 13.3k xp | 7 posts

function myEnter(event){ var y = event.charCode || event.keyCode;

if (y == 111 || y == 79) { // o is 111, O is 79 alert("You pressed the 'O' key!"); }else{ document.getElementById("cep").style.backgroundColor="gray"; document.getElementById("cep").style.color="white"; document.getElementById("cep").textContent="Olá"; }

var id = event.target.parentNode.id ; var div = document.getElementById(id).nextElementSibling.id ; document.getElementById(div).firstElementChild.focus(); }

por jorge viana
| 13.3k xp | 7 posts

Te agradeço pelo código. Não deu certo. Acho que meu Dreamweaver está bichado.É original,pago r$ 75,00 por mês. Fiz um teste quando não coloco a letra 'O' ele mudaria a cor de fundo ,a color da font e inseria 'Olá do elemento 'cep'. Só muda a cor do fundo e da letra porém não acrescenta o texto.Já tentei inclusive com innerHTML e não escreve o texto

por jorge viana
| 13.3k xp | 7 posts

Descobri que input não recebe instruções 'innerHtml' e 'txtContent",pois coloquei o código em uma caixa de texto e um label e aí funcionou.