es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo copiar un texto utilizando el botón onclick de HTML?

05 Aug, 2023 Programación

Creé mi propio sitio web de cartera, en la barra de navegación hay mi correo electrónico.
Quiero que cualquier persona que haga clic en este correo electrónico lo copie al portapapeles.
Esto es lo que intenté, pero no está funcionando.

<button onclick="copy()" id="copy">Copiar</button>

function copy() {
var copyText = document.querySelector("#copy");
copyText.select(); document.execCommand("copy");}
document.querySelector("#copy").addEventListener("click", copy);
Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para copiar un correo electrónico en la barra de navegación al portapapeles, puedes modificar tu código de la siguiente manera:

    <a href="mailto:your_email@example.com" onclick="copyToClipboard('your_email@example.com')">your_email@example.com</a>

<script>
function copyToClipboard(text) {
  var dummy = document.createElement('input');
  document.body.appendChild(dummy);
  dummy.value = text;
  dummy.select();
  document.execCommand('copy');
  document.body.removeChild(dummy);
}
</script>

    Este código crea una etiqueta de anclaje con una dirección de correo electrónico en la barra de navegación. Cuando se hace clic en ella, se llama a la función copyToClipboard, la cual crea un elemento temporal de tipo input, establece su valor como la dirección de correo electrónico, selecciona su contenido, invoca el comando de copiar y finalmente elimina el elemento input. De esta manera, la dirección de correo electrónico se copia al portapapeles.

Comments are closed.