How to Cut, Copy and Paste inside div tag with buttons using JavaScript

In this code I will be share with you how to copy and cut from textarea or content editable tag ,and paste text from clipboard into textarea using execCommand() method and clipboard API
<button onclick="document.execCommand('copy',false,null);">copy</button> <button onclick="document.execCommand('cut',false,null);">cut</button> <button id="paste">Paste</button> <div style="border:1px solid; padding: 3px; width:100%; height:400px; background:white" id='input' contenteditable='true'> select some of this text and then hit one of the buttons above </div> <script> document.getElementById('paste').addEventListener('click', ()=>{ let pasteArea = document.getElementById('input'); navigator.clipboard.readText() .then((text)=>{ document.execCommand('insertText', false, text) }); }); </script>

© Manajmnt code

Share to :

☷✎