Kopie tekst naar klembord met één klik

Voorbeeld 1

Kopie tekst

Select All
<!– Tooljunkie.eu | Klembord script –> <script> function CopyMe(TextToCopy) { var TempText = document.createElement(“input”); TempText.value = TextToCopy; document.body.appendChild(TempText); TempText.select(); document.execCommand(“copy”); document.body.removeChild(TempText); alert(“Kopie: ” + TempText.value); } </script> <button onclick=”CopyMe(‘#tooljunkie ‘)”>Kopie tekst</button>

Voorbeeld 2

Kopie wachtwoord

Select All
<!– Tooljunkie.eu | Klembord script –> <script> function CopyMe2(TextToCopy) { var TempText = document.createElement(“input”); TempText.value = TextToCopy; document.body.appendChild(TempText); TempText.select();document.execCommand(“copy”); document.body.removeChild(TempText); // alert(“Kopie: ” + TempText.value);} </script> <button onclick=”CopyMe2(‘M!jnW8chtw00rd’)”> Kopie wachtwoord</button>

Andere methode

Kopie info

Select & Copy Zonder alert  
<div id=”secretInfo” style=”display: none;”>Informatie</div> <button type=”button” id=”btnCopy”>Kopie info</button> <script type=”text/javascript”> var $body = document.getElementsByTagName(‘body’)[0]; var $btnCopy = document.getElementById(‘btnCopy’); var secretInfo = document.getElementById(‘secretInfo’).innerHTML; var copyToClipboard = function(secretInfo) { var $tempInput = document.createElement(‘INPUT’); $body.appendChild($tempInput); $tempInput.setAttribute(‘value’, secretInfo) $tempInput.select(); document.execCommand(‘copy’); $body.removeChild($tempInput); } $btnCopy.addEventListener(‘click’, function(ev) { copyToClipboard(secretInfo); }); </script>