Cara membuat fungsi copy ke clipboard dengan javascript

6/09/2019 05:43:00 pm Tags:

CARA MEMBUAT FUNGSI COPY KE CLIPBOARD DENGAN JAVASCRIPT


Aplikasi ini di buat dengan bahasa css, javascript dan html

Menyalin ke clipboard
Cara membuat fungsi copy ke clipboard dengan javascript





Source Code


Kodenya :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  <title>Copy to Clipboard Automatic</title>
  5. </head>
  6. <body>
  7.  Klik Textbox :
  8.  <input type="text" readonly="readonly" value="https://indianaweb.blogspot.com/" onclick="copyToClipboard(this);" style="padding:5px 10px">
  9.  <span id="copyStatus" style="display:none ;">Copied to Clipboard</span>
  10.  
  11.  <script type="text/javascript">
  12.   function copyToClipboard(element) {
  13.    element.select();
  14.    if(document.execCommand('copy')) {
  15.     document.getElementById('copyStatus').style.display = '';
  16.     setTimeout(function() {
  17.     document.getElementById('copyStatus').style.display = 'none';
  18.     }, 3000);
  19.    }
  20.   }
  21.  </script>
  22. </body>
  23. </html>


Jika masih bingung silahkan download SOURCE CODENYA disini
 Server  [SF] Server  [MF]

Jika kakak masih bingung lihat juga videonya dibawah ini

Jangan lupa share artikel ini ya...




Tags : 
Previous Post
Next Post
Related Posts