Cómo copiar texto al portapapeles

Copie el texto al portapapeles

Paso 1 - Añadir HTML:

<input type="text" value="Hello World" id="myInput">
<!-- Botón para copiar texto -->
<button onclick="myFunction()">Copiar texto</button>

Segundo paso - Agregar JavaScript：

function myFunction() {
  // Obtener el campo de texto
  var copyText = document.getElementById("myInput");
  // Seleccionar el campo de texto
  copyText.select();
  copyText.setSelectionRange(0, 99999); // Para dispositivos móviles
   // Copiar el texto del campo
  navigator.clipboard.writeText(copyText.value);
  // Avisar del texto copiado
  alert("Texto copiado: " + copyText.value);
}

Prueba por tu cuenta

Mostrar el texto copiado en el tooltip

Agregar CSS：

.tooltip {
  posición: relativa;
  mostrar: bloque_inline;
}
.tooltip .tooltiptext {
  visibilidad: oculto;
  ancho: 140px;
  color_fondo: #555;
  color: #fff;
  alineación_texto: centro;
  radio_borde_redondeado: 6px;
  rejilla: 5px;
  posición: absoluta;
  orden_z: 1;
  abajo: 150%;
  izquierda: 50%;
  margen_izquierdo: -75px;
  opacidad: 0;
  transición: opacidad 0.3s;
}
.tooltip .tooltiptext::after {
  contenido: "";
  posición: absoluta;
  arriba: 100%;
  izquierda: 50%;
  margen_izquierdo: -5px;
  ancho: 5px;
  estilo: sólido;
  color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

Prueba por tu cuenta