Selecionar o texto de um campo com evento onFocus

Como selecionar o texto de um campo “input text ou textarea” durante o evento onFocus, utilizando jQuery ou apenas o Javascript puro

Selecionar o texto de um campo com jquery

Para realizar essa ação pelo jQuery utilizamos o seguinte código:

Configuramos o evento .focus e utilizamos a função .select() para selecionar o texto.

Faça o teste clicando no campo abaixo aonde o texto deverá ser selecionado.

Utilizando apenas Javascript

Para fazer isso sem o jQuery devemos declarar o evento no proprio elemento.

Além dessa “pequena” função para facilitar as nossas vidas.

Recurso necessário para selecionar o texto é document.createRange que pode ser utilizado tanto para selecionar um texto normal em um paragrafo como dentro de um campo.

Obviamente se você já utiliza o jQuery em seu projeto, utilize a primeira solução.

 

Avalie este artigo!

Clique nas estrelas, para dar uma nota de 1 à 5.

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas (Nenhuma avaliação ainda)
Loading...

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *