Blog de Gonzalo

La API del portapapeles (clipboard) nos permite acceder los comandos del portapapeles (cortar, copiar y pegar), así como leer y escribir de manera asíncrona el portapapeles del sistema. Acceder al contenido del portapapeles está sujeta a la API de permisos del usuario. En este post explico como acceso al portapapeles desde javascript

• Leer desde el portapapeles

  
  let divMostrar = document.querySelector("#portapaeles");
  
  document.querySelector("#boton").addEventListener("click", async () => {
    let contents = await navigator.clipboard.readText();
    divMostrar .innerText = contents;
  });
  //portapaeles es un div donde se mostrará el contenido del portapales
  //boton es un botón que al pulsarlo mostrará lo ´litmo copiado al portapapeles
  

• Copiar al portapapeles

  
   navigator.clipboard.writeText(document.querySelector("#inputText").value);
  //inputText es un input text
  
  

Compartir en twitter