jQuery: Cambiar un ENTER por un TAB

Una práctica habitual en las aplicaciones web es la de que el comportamiento de la tecla ENTER no sea el que suele tener por defecto, y con jQuery se puede cambiar ese comportamiento de una forma bastante sencilla.

El código necesario es este:

function enter2tab(e) {
if (e.keyCode == 13) {
cb = parseInt($(this).attr(‘tabindex’));

if ($(‘:input[tabindex=\” + (cb + 1) + ‘\’]’) != null) {
$(‘:input[tabindex=\” + (cb + 1) + ‘\’]’).focus();
$(‘:input[tabindex=\” + (cb + 1) + ‘\’]’).select();
e.preventDefault();

return false;}}}

Tenéis que incluir la función enter2tab en la acción dónde queréis que se aplique, sin más misterios.

Fuente | Cristalab


Categorías

Javascript, jQuery

Una de mis pasiones es el diseño, y de hecho trabajo como diseñador de interfaces para aplicaciones de iOS, además de hacer de vez en cuando diseño web. Intentaré trasladar todo lo útil que encuentre con la web a vosotros, y espero que también os resulte realmente fascinante el mundo del diseño.

Un comentario

  1.   FERNANDO dijo

    le comento utilice su codigo y no me funciona, quiero controlar que al presionar ENTER haga la funcion de un TAB para mover el foco al siguiente input

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.