Como pegar o texto selecionado com JavaScript

Neste artigo você vai aprender a como pegar o texto selecionado com JavaScript, ou seja, o texto que está em highlight

Fala programador(a), beleza? Bora aprender mais sobre seleção de texto com JS!

Provavelmente você vai querer fazer o resgate do texto selecionado após determinado evento

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 118 aulas
• 4 projetos
• 9h 33min

Conhecer formação

Então isso ficará ao seu critério, vou apresentar apenas o código necessário para obter o texto que está em highlight

Basicamente precisamos utilizar um método de window, o getSelection e por fim aplicar toString nele

Isso nos fornece a string que está selecionada pelo usuário

Veja o código necessário:

const selectedText = window.getSelection().toString();

Aqui estamos inserindo o texto em uma variável

Mas como dito antes, você deve aplicar esta linha ao seu projeto, após o evento que vai capturar o texto em highlight

Note que algumas ações vão descelecionar o texto, então tome cuidado com isso também

Conclusão

Neste artigo você viu como pegar o texto selecionado com JavaScript

Utilizamos alguns métodos de window e isso nos dá o texto que foi selecionado pelo usuário

Agora você deve encaixar este snippet no seu programa e trabalhar com o texto da maneira que precisa 🙂

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos