# Trocar foco de campos com ENTER ao invés de TAB

**URL:** <https://community.latromi.com.br/t/trocar-foco-de-campos-com-enter-ao-inves-de-tab/519>\
**Category:** Tutoriais\
**Tags:** javascript, form\
**Created:** [Janeiro 6, 2021, 3:29pm UTC](https://community.latromi.com.br/t/trocar-foco-de-campos-com-enter-ao-inves-de-tab/519 "2021-01-06T15:29:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![daniel.giacomelli](https://community.latromi.com.br/user_avatar/community.latromi.com.br/daniel.giacomelli/32/1476_2.png) [@daniel.giacomelli](https://community.latromi.com.br/u/daniel.giacomelli)\
**Post date:** [Janeiro 6, 2021, 3:29pm UTC](https://community.latromi.com.br/t/trocar-foco-de-campos-com-enter-ao-inves-de-tab/519/1 "2021-01-06T15:29:22Z")

</div>

Aqui vai uma dica simples, mas que pode ser útil. Caso você queira avançar o foco dos campos usando a tecla **ENTER** (mesma função da tecla **TAB** ), adicione o código JavaScript abaixo na sessão **Arquivos JavaScript** do Formulário:

```auto
$('body').on('keydown', 'input, select', function(e) {
    if (e.key === "Enter" && e.target && ['BUTTON','SUBMIT'].indexOf(e.target.tagName) === -1) {
        var self = $(this), form = self.parents('form:eq(0)'), focusable, next;
        focusable = form.find('input,a,select,button,textarea').filter(':visible');
        next = focusable.eq(focusable.index(this)+1);
        if (next.length) {
            next.focus();
        } else {
            form.submit();
        }
        return false;
    }
});

```

---

<div class="post-metadata">

**Author:** ![ArcaDeNoEh](https://community.latromi.com.br/user_avatar/community.latromi.com.br/arcadenoeh/32/961_2.png) [@ArcaDeNoEh](https://community.latromi.com.br/u/ArcaDeNoEh)\
**Post date:** [Outubro 18, 2022, 6:06pm UTC](https://community.latromi.com.br/t/trocar-foco-de-campos-com-enter-ao-inves-de-tab/519/2 "2022-10-18T18:06:30Z")

</div>

Essa salvou a pátria! parabens e obrigado por compartilhar