# Mostrar para onde irá a entrada do teclado

> Torne a entrada do teclado, os menus e os caminhos de retorno previsíveis, dando ao jogo um estado de foco visível e restaurando o foco após o fechamento das sobreposições.

- URL: https://oneshotgems.ai/pt-BR/topics/game-focus-management
- Categoria: Para desenvolvedores de jogos
- Tipo: Guia
- Atualizado: 5 de outubro de 2026

A entrada do teclado segue o elemento que está com foco no momento. Um jogo pode parecer não responder se os manipuladores da página forem executados enquanto o foco está em um botão de menu, campo de texto ou controle do navegador. Planeje uma forma clara de entrar e sair do jogo e deixe o elemento em foco visível para que os jogadores saibam para onde as teclas serão enviadas.

## Crie uma entrada clara para jogar

Use um botão real ou outro controle que pode receber foco para iniciar o jogo e, em seguida, mova o foco para a superfície do jogo somente quando a ação for deliberada. Se o canvas precisar de entrada de teclado, dê ao seu contêiner um comportamento de foco sensato e um indicador visível. Evite capturar teclas globalmente antes do jogador entrar em jogo; isso pode impedir a navegação e digitação normais da página.

Quando um painel de configurações ou menu de pausa for aberto, mova o foco para dentro e mantenha a navegação até fechar. Ao fechar, retorne o foco para o abridor, se ele ainda existir. MDN documenta HTMLElement.focus e sua função no direcionamento de eventos de teclado.

## Testar transições de foco

Navegue da página para o jogo usando apenas Tab e Enter, abra um menu, percorra seus controles, feche-o e confirme o retorno do foco. Certifique-se de que o estilo de foco visível não esteja oculto pelos efeitos visuais do jogo. Se o jogo usar atalhos de teclado, certifique-se de que eles não sejam acionados enquanto o foco estiver em uma entrada de texto onde o jogador possa digitar.

Navegue pelo jogo usando Tab e Enter, abra e feche um menu e confirme o retorno do foco. Verifique o estilo de foco visível e evite que atalhos de jogo sejam acionados em entradas de texto. Limpa o estado da tecla retida quando o foco sai para que o movimento não permaneça ativo.

## Perguntas

**Um jogo deve escutar as chaves de todo o documento?** Somente se o jogador tiver entrado intencionalmente no jogo e o manipulador evitar controles editáveis ​​e interações de página não relacionadas. Uma superfície de jogo focada oferece um limite de entrada mais claro.

**Para onde deve ir o foco quando o menu do jogo fecha?** Retorne-o ao controle que abriu o menu quando esse controle ainda existir. Isso dá aos usuários do teclado um ponto de continuação previsível.

## Siga sua curiosidade

- [Projete controles de teclado para jogos de navegador](https://oneshotgems.ai/pt-BR/topics/keyboard-controls-for-games): Torne a jogabilidade do teclado previsível escolhendo teclas semânticas, controlando o estado de pressionar e soltar e evitando conflitos com os padrões do navegador.
- [Projete controles de áudio úteis para jogos de navegador](https://oneshotgems.ai/pt-BR/topics/game-audio-controls): Dê aos jogadores controle sobre o som do jogo com comportamento claro de mudo e volume e lide com as restrições de reprodução automática do navegador sem interromper os sinais sonoros do jogo.
- [Evite que teclas fiquem pressionadas em jogos de navegador](https://oneshotgems.ai/pt-BR/topics/preventing-stuck-game-keys): Libere o movimento retido com segurança quando o foco ou a visibilidade mudarem e teste os caminhos de desfoque, pausa e reinicialização que podem deixar a entrada do jogo travada.

## Leitura complementar

- [MDN: HTMLElement.focus()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus)

---
Página canônica: https://oneshotgems.ai/pt-BR/topics/game-focus-management