Como obter o texto destacado em JavaScript?

Ao desenvolver sites dinâmicos, os desenvolvedores precisam frequentemente recuperar o texto destacado ou selecionado pelo usuário. Isso pode ser eficaz para várias situações, como permitir que os usuários copie e coloque texto ou tomando alguma outra ação com base no conteúdo destacado/selecionado.

Este tutorial demonstrará:

• Como obter o texto destacado em JavaScript?
• Dica de bônus: destaque o texto usando o “documento.getSelection () ”método

Como obter o texto destacado em JavaScript usando a “janela.getSelection () ”método?

O "janela.getSelection ()”O método é um método predefinido de JavaScript que fornece um“Seleção”Objeto como uma representação do texto que agora está selecionado na página. O objeto "seleção" indica uma ou mais faixas de texto que o usuário escolheu.

Exemplo

No exemplo dado, recuperaremos o texto selecionado na página da web. Primeiro, criaremos um parágrafo de texto usando um html

elemento e atribua um id “mensagem”Isso ajuda a obter este parágrafo para aplicar diferentes funcionalidades:

Linuxhint é um excelente recurso para aprender sobre Linux e software de código aberto relacionado. Ele também oferece muitos tutoriais e guias sobre diferentes linguagens de programação, como Java, Python, HTML, CSS, JavaScript e assim por diante. Linuxhint fornece informações simples, claras e autênticas.

Agora, criaremos uma área para imprimir/exibir o texto recuperado na página da web usando o elemento:

Texto destacado: id = "DestaquedExtxt">

Em JavaScript, defina uma função chamada “selecionar texto()”Isso retornará o objeto selecionado chamando o“janela.getSelection ()”Método:

função selectText ()
if (janela.getSelection)
Janela de retorno.getSelection ();

Defina, outra função chamada “GethighlighedText ()”Que invocará a função“ SelectText () ”para imprimir o texto destacado:

função gethighlighedText ()
documento.getElementById ("DestaquedText").inerText = selectText ();

Agora, obtenha a referência do parágrafo usando seu ID atribuído e, em seguida, chame a função "GethighLighteDText ()" no evento de clique:

documento.getElementById ("mensagem").addEventListener ("clique", GethighLighteDText);

Você pode ver que o texto destacado foi recuperado com sucesso:

Isso se trata de recuperar o texto destacado em JavaScript.

Conclusão

Para obter o texto selecionado ou destacado na página da web, use o “janela.getSelection ()”Método ou o“documento.getSelection ()”Método. Ambos os métodos são os mesmos em termos de desempenho. Use a “janela.Método getSelection () ”para selecionar objetos para toda a janela. Enquanto o “documento.O método getSelection () ”é usado para o objeto de seleção para o documento atual.