Como Copiar Um Texto Com Javascript

Recentemente, precisei fazer uma funcionalidade em meu sistema onde ao clicar em um botão, copiasse o texto que estava na caixa de texto.
Fazer isso com Javascript é muito simples!

Primeiro vamos considerar a seguinte estrutura:

<!-- Input texto -->
<input type="text" value="Texto a ser copiado" id="texto-usuario" />

<!-- Botão que usaremos para copiar -->
<button onclick="copiarTexto()">Copiar texto</button>

Legal, agora vamos ver como fica o Javascript!

function copiarTexto() {
  /* Selecionamos por ID o nosso input */
  var textoCopiado = document.getElementById("texto-usuario");

  /* Deixamos o texto selecionado (em azul) */
  textoCopiado.select();
  textoCopiado.setSelectionRange(0, 99999); /* Para mobile */

  /* Copia o texto que está selecionado */
  document.execCommand("copy");

  alert("Texto copiado: " + textoCopiado.value);
}

Super simples, não é mesmo? 😁✌

🏡