Saltar al contenido

php javascript copiar texto al portapapeles sin ejemplo de código de botón

Ejemplo 1: javascript cómo-puedo-copiar-al-portapapeles-en-javascript

functioncopyToClipboard(text)var input =document.body.appendChild(document.createElement("input"));
  input.value= text;
  input.focus();
  input.select();document.execCommand('copy');
  input.parentNode.removeChild(input);

Ejemplo 2: copia de javascript al portapapeles

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>.tooltip
  position: relative;
  display: inline-block;.tooltip.tooltiptext
  visibility: hidden;
  width:140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius:6px;
  padding:5px;
  position: absolute;
  z-index:1;
  bottom:150%;
  left:50%;
  margin-left:-75px;
  opacity:0;
  transition: opacity 0.3s;.tooltip.tooltiptext::after 
  content:"";
  position: absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;.tooltip:hover .tooltiptext
  visibility: visible;
  opacity:1;</style></head><body><p>Click on the button to copy the text from the text field.Try to paste the text(e.g.ctrl+v) afterwards in a different window, to see the effect.</p><input type="text" value="Hello World" id="myInput"><div class="tooltip"><button onclick="myFunction()" onmouseout="outFunc()"><span class="tooltiptext" id="myTooltip">Copy to clipboard</span>Copy text
  </button></div><p>Thedocument.execCommand() method is not supported inIE8 and earlier.</p><script>functionmyFunction()var copyText =document.getElementById("myInput");
  copyText.select();
  copyText.setSelectionRange(0,99999);document.execCommand("copy");var tooltip =document.getElementById("myTooltip");
  tooltip.innerHTML="Copied: "+ copyText.value;functionoutFunc()var tooltip =document.getElementById("myTooltip");
  tooltip.innerHTML="Copy to clipboard";</script></body></html>

Sección de Reseñas y Valoraciones

Al final de la página puedes encontrar las explicaciones de otros desarrolladores, tú incluso eres capaz mostrar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *