A modern approach to copy text to clipboard, just click on Button/Text/Input Box. You copy text to the clipboard without flash in HTML/PHP using JS(Javascript). Copy to Clipboard easy way to Make Your Website More Impressive.


Let's We have trying to make a button that can copy to clipboard the text in an input element.

JS:

<!-- pure javascript solution for Copy text to clipbord-->

function copyToClipboard(s)
{
 var input = document.getElementById("ta1");
 input.focus();
    input.select();
    document.execCommand('Copy');
}

Html:

<form name="copypasteform" id="copypasteform">

<div id="visible">
<textarea rows="10" cols="50" name="ta1" id="ta1">Some Text.</textarea>
</div>

<p>
<input type="button" value="Show/Hide" id="show" >
<input onclick="copyToClipboard(document.getElementById('ta1').value);" type="button" value="Copy" class="custombutton">

</p>

</form>

CSS:

#visible {
    display:none;

    }

Copy to clipboard – pure javascript solution Example

Download HTML