Skip to main content

Simple copy to clipboard button using javascript.

Simple click to copy button to copy value of textbox to clipboard.

 

//Add this function inside head tag

<script>
    function copyText() {
        /* 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");
        }
    </script>

//Inside html file

<textarea value="" id="myInput" rows="1" cols="75">This value will be copies</textarea>

 //Button to trigger copy action

<button onclick="copyText()" class="btn btn-sm btn-primary">Copy link</button>



Comments

Popular posts from this blog

Restoring MySQL on XAMMP

  Follow these steps and save your time and databases:- Go to your  XAMMP  installation, it’s mostly in  C drive . Now inside  mysql  folder rename the folder  data  to  data-old  (or any other name you like) Create a new folder  data  under  mysql  folder Copy the contents of  backup  folder to the new  data  folder Now copy all your  database  folders that are in  data-old  folder to the new  data  folder (skip the mysql, performance_scheme and phpmyadmin folder) And the last, copy the  ibdata1  file from  data-old  folder and replace it inside new  data  folder Restart your  MYSQL  server from  XAMPP control panel . And done!