{"id":55,"date":"2019-09-14T12:23:51","date_gmt":"2019-09-14T12:23:51","guid":{"rendered":"http:\/\/sumitjangid.com\/?p=55"},"modified":"2019-09-14T12:26:44","modified_gmt":"2019-09-14T12:26:44","slug":"copy-to-clipboard-javascript","status":"publish","type":"post","link":"http:\/\/sumitjangid.com\/index.php\/2019\/09\/14\/copy-to-clipboard-javascript\/","title":{"rendered":"Copy to Clipboard &#8211; Javascript"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html>\n&lt;body>\n\n&lt;p>Click on the button to copy the text from the text field. Try to paste the text (e.g. ctrl+v) afterwards in a different window, to see the effect.&lt;\/p>\n\n&lt;input type=\"text\" value=\"Hello World\" id=\"myInput\">\n&lt;button onclick=\"myFunction()\">Copy text&lt;\/button>\n\n&lt;p>The document.execCommand() method is not supported in IE8 and earlier.&lt;\/p>\n\n&lt;script>\nfunction myFunction() {\n  var copyText = document.getElementById(\"myInput\");\n  copyText.select();  \/\/This is to select the text that will be copyied\n  copyText.setSelectionRange(0, 99999)\n  document.execCommand(\"copy\"); \/\/ This command will copy the selected text to the clipboard\n  alert(\"Copied the text: \" + copyText.value);\n}\n&lt;\/script>\n\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14,13],"tags":[],"_links":{"self":[{"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/posts\/55"}],"collection":[{"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":1,"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":56,"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/posts\/55\/revisions\/56"}],"wp:attachment":[{"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sumitjangid.com\/index.php\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}