texto - javascript copiar

Copiar texto de área de texto en el portapapeles cuando se hace clic en el botón

Question

Estoy buscando crear un button jQuery (o javascript) que seleccione todo en un área de textarea y luego copie el texto en su clipboard cuando haga clic en el botón.

He encontrado algunos ejemplos usando el evento de enfoque. Pero estoy buscando un botón en el que tengas que hacer clic para seleccionar y copiar.

¿Cómo puedo hacer este trabajo?

Answer 1

Es posible hacer esto sin usar jQuery.

Aquí hay una solución js pura.

function copy() {
  let textarea = document.getElementById("textarea");
  textarea.select();
  document.execCommand("copy");
}

<textarea id="textarea"></textarea>
<br>
<button onclick="copy()">Copy</button>

Answer 2

execCommand(''copy'') usar select() para seleccionar el texto del área de textarea y usar execCommand(''copy'') para execCommand(''copy'') texto seleccionado. Su trabajo en la versión superior de los navegadores.

$("button").click(function(){
    $("textarea").select();
    document.execCommand(''copy'');
});

También puedes hacer este trabajo sin jquery como se muestra en la parte inferior.

document.querySelector("button").onclick = function(){
  document.querySelector("textarea").select();
  document.execCommand(''copy'');
};

<button>Select</button>
<br/>
<textarea></textarea>