Home/ Questions/Q 8994435
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T23:25:53+00:00

I want to write some text variable into clipboard via Chrome Extension, it will

  • 0

I want to write some text variable into clipboard via Chrome Extension, it will be happened when user presses a short-key. I’ve done all parts except writing to clipboard.

I’ve searched entire StackOverflow using these keywords:
“[google-chrome-extension] Clipboard”

So I want to say, I’ve seen all related to:

  • Add clipboardRead and clipboardWrite permission (already done)
  • Add text into a <textarea>, call
    document.execCommand('Copy');
    or
    document.execCommand("Copy", false, null);

Even I tried my extension on StackOverflow’s textarea and I inserted my text into wmd-input part of StackOverflow textarea, then selected it, then called copy. Nothing, nothing, nothing…

Everything tried. Please advise… What am I missing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can try the following code, it writes text to clipboard

    As an example i wrote Sample to clipboard

    Output

    enter image description here

    manifest.json

    manifest file is key for all chrome extensions, ensured it is with all permissions

     {
  "name": "Copy to ClipBoard Demo",
  "description" : "This is used for demonstrating Copy to Clip Board Functionality",
  "version": "1",
  "browser_action": {
    "default_popup": "popup.html"
  },
  "permissions":["clipboardWrite"],
    "manifest_version": 2
}

    popup.html

    A trivial Browser action HTML File, with input box and button

    <html>

    <head>
        <script src="popup.js"></script>
    </head>

    <body>
        <input type="text" id="text" placeHolder="Enter Text To Copy"></input>
        <button id="copy">Copy</button>
    </body>

</html>

    popup.js

    It copies content in <input> to clipboard

    function copy() {

    //Get Input Element
    var copyDiv = document.getElementById('text');

    //Give the text element focus
    copyDiv.focus();

    //Select all content
    document.execCommand('SelectAll');

    //Copy Content
    document.execCommand("Copy", false, null);
}

//Add Event Listeners to Button Click
document.addEventListener("DOMContentLoaded", function () {
    document.getElementById("copy").onclick = copy;
});

    OR

    function copy(){

    //Get Input Element
    document.getElementById("text").select();

    //Copy Content
    document.execCommand("Copy", false, null);
}

//Add Event Listeners to Button Click
document.addEventListener("DOMContentLoaded", function () {
    document.getElementById("copy").onclick = copy;
});
    • 0