How to copy text to clipboard from a Google Chrome extension?

99封情书 提交于 2019-12-22 08:26:39

问题


I found that there's an experimental clipboard class. But it works only in dev channel, right? Any idea how I can copy the text?


回答1:


In your content script, have this:

// step 1: get the text you mean to copy
// (actual implementation not included)

// step 2: send it to your background page
chrome.extension.sendRequest({ text: "text you want to copy" });

In your background page, have this:

// step 3: set up your background page HTML
// and 
<html>
 <head>
 <script type="text/javascript">
   chrome.extension.onRequest.addListener(function (msg, sender, sendResponse) {

      var textarea = document.getElementById("tmp-clipboard");

      // now we put the message in the textarea
      textarea.value = msg.text;

      // and copy the text from the textarea
      textarea.select();
      document.execCommand("copy", false, null);


      // finally, cleanup / close the connection
      sendResponse({});
    });
  </script>
  </head>

  <body>
    <textarea id="tmp-clipboard"></textarea>
  </body>
</html>


来源:https://stackoverflow.com/questions/5235719/how-to-copy-text-to-clipboard-from-a-google-chrome-extension

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!