Google Chrome Extensions: How to detect Copy action (Ctrl-C and Edit-Copy)?

半腔热情 提交于 2019-12-30 01:25:27

问题


How might I detect that a user has selected and copied some content in the currently active tab in a Google Chrome Extension?

It appears that there are no suitable Events that deal with the Clipboard in chrome.tabs or chrome.windows.

Is there a way to detect such actions through Content Scripts?


回答1:


I found the following solution:

  1. Set up a manifest file to define a content script that is added to every page, and a separate background page.
  2. In the Content Script .js file, add an event listener for the 'copy' event, either for the document or the window. This event listener is called whenever the user initiates a copy action.
  3. Since content scripts exist in a security sandbox (e.g., no cross-site XMLHttpRequests), we probably want to respond to the event in the background page. To do so, use the Chrome message passing API so send a message to the background page.

A small working example:

manifest.json

{
  "background_page": "background.html",
  "content_scripts": [
      {
        "matches": ["http://*/*"],
        "js": ["oncopy.js"]
      }
    ]
}

oncopy.js

// on copy event, send a message to background.html
function onCopy(e) { 
    chrome.extension.sendRequest({event: "copy"});
}

//register event listener for copy events on document
document.addEventListener('copy',onCopy,true); 

background.html

chrome.extension.onRequest.addListener(
  function(request, sender, sendResponse) {
    if (request.event == "copy") {
       alert("copy detected");
    }
    sendResponse({});
  });



回答2:


You will have to capture onkeypress on the document element using your own event Handler, check that event.keyCode = 'C' (or the ascii code) and that the event.ctrlKey = true

If this is valid, then it is likely that the user copied text on the current page.

You will need to also capture the tab.updated event so that you know when to bind the onkeypress event.




回答3:


Google Chrome Extensions has an experimental API for you to use that will allow you to execute a copy, cut, and paste. It currently exists in the beta build, so very soon, it will be out of experimental into stable.

http://code.google.com/chrome/extensions/dev/experimental.clipboard.html



来源:https://stackoverflow.com/questions/2870369/google-chrome-extensions-how-to-detect-copy-action-ctrl-c-and-edit-copy

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