Copiar al portapapeles con jQuery

Copiar al portapapeles con jQuery es posible gracias a la función execCommand compatible con todos los navegadores en sus versiones recientes.

En el ejemplo desarrollamos la idea de copiar al portapapeles cualquier texto realizando una acción de click sobre un botón, la necesidad más típica que se suele encontrar en situaciones de programación web.

<script>
function copyClipboard(element) {
  var $bridge = $("<input>")
  $("body").append($bridge);
  $bridge.val($(element).text()).select();
  document.execCommand("copy");
  $bridge.remove();
}
</script>

<p id="texto_a_copiar">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<button onclick="copyClipboard('#texto_a_copiar')">Copiar</button>

Si te ha sido de utilidad ¡deja un comentario!