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
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