<form action="">
<div><input type="text"></div>
<div>
<input type="checkbox">
</div>
<div><input type="text"></div>
<div><input type="text" disabled></div>
<div><input type="text"></div>
<div><input type="text"></div>
</form>
<script>
/**
* Funcion para ir al siguiente elemento del formulario
*/
function doNext(e)
{ var elementos=e.form.elements;
var len=elementos.length;
var nextE;
var encontrado=false;
for (var i=0; i<len; i++){ if ((e == elementos[i] || encontrado==true) && (nextE = elementos[i+1])) { encontrado=true;
if (nextE.focus && nextE.disabled==false) { nextE.focus();
return;
}
}
}
}
/**
* Funcion para ir al anterior elemento del formulario
*/
function doPrev(e)
{ var elementos=e.form.elements;
var len=elementos.length;
var nextE;
var encontrado=false;
for (var i=len; i>0; i--){ if ((e == elementos[i] || encontrado==true) && (nextE = elementos[i-1])){ encontrado=true;
if (nextE.focus && nextE.disabled==false) { nextE.focus();
return;
}
}
}
}
var inputs=document.querySelectorAll("input");for(input of inputs)
{ input.addEventListener("keyup",keyPressEvent);}
function keyPressEvent(e) { if(e.keyCode==38) { //up
e.preventDefault();
doPrev(this);
}else if(e.keyCode==40) { //down
e.preventDefault();
doNext(this);
}
}
</script>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (2)
que puede ser?
Gracias