perché document.execCommand ("copia") non funziona nello script di contenuto della mia estensione chrome?

Question

Voglio scrivere alcuni dati in clipborad da un'estensione di cromo che sto creando. Nel file manifest ho dato i permessi ad entrambi gli appunti Lettura e appuntiWrite.

Io uso questa funzione che ho trovato here

ma non funziona. sembra che "document.execCommand ('copy');" non può funzionare

Scrivo tutti questi codici nello script di contenuto.

thx manifestare:

{ 
    "manifest_version":2, 

    "name":"easyCopy", 
    "description":"just a small toll", 
    "version":"1.0.0", 

    "permissions":[ 
     "clipboardWrite", "http://*/*", "clipboardRead" 
    ], 

    "content_scripts":[ 
     { 
      "matches":["http://*/*"], 
      "js":["jquery-1.9.1.min.js", "main_feature.js"] 
     } 
    ], 

    "background":{ 
     "persistent":false, 
     "page":"background.html" 
    } 
} 

main_feature.js:

copyOrderId(); 
function copyOrderId() { 
    $(".order-num").click(function() { 
     var curOrderNum = $(this).text(); 
     copyTextToClipboard(curOrderNum); 
//  chrome.extension.sendMessage({method:"copy", content:curOrderNum}, function (response) { 
//   clog(response); 
//  }); 
    }); 


} 

function copyTextToClipboard(text) { 
    var copyFrom = $('<textarea/>'); 
    copyFrom.text(text); 
    $('body').append(copyFrom); 
    copyFrom.select(); 
    document.execCommand('copy', true); 
    copyFrom.remove(); 

} 
function clog(message) { 
    console.log(message); 
} 

il background.html è solo una pagina vuota con il corpo HTML di base.

Answer 1

Grazie a tutti, ho finito per usare questo:

document.execCommand non può funzionare nello script contenuti. Invece, invio i dati alla pagina di sfondo e quindi eseguo la funzione "copyTextToClipboard".

Si noti che è necessario inserire il codice JavaScript in un unico file .js anziché miscelarlo con background.html.

Inoltre, la textarea deve avere una proprietà id o class.