Copiare il testo negli appunti





Codice HTML

<!-- The text field -->
<input type="text" value="Inserisci il testo da copiare" id="myInput">

<!-- The button used to copy the text --> <button onclick="myFunction()">Copia il testo</button>



Codice CSS

.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; }



Codice Javascript

function myFunction() {
 /* Get the text field */
 var copyText = document.getElementById("myInput");

/* Select the text field */ copyText.select();

/* Copy the text inside the text field */ document.execCommand("copy");

/* Alert the copied text */ alert("Copied the text: " + copyText.value); }