Modifica dei dati degli Appunti quando si copia/incolla da un sito Web

Question

Ho visto alcuni siti ora in cui, se si evidenzia il testo di un articolo, lo si copia e quindi si incolla, è possibile aggiungervi altro testo.

Prova a copiare e incollare una sezione di testo da un articolo allo http://belfasttelegraph.co.uk/ e vedrai cosa intendo: aggiungono un collegamento all'articolo originale nel testo incollato.

Come è fatto? Presumo che ci sia qualche javascript al lavoro qui

Answer 1

Questo è un buon effetto, si può vedere lo script che è stato sparato sulla copia utilizzando Firebug (in Firefox).

Avvia Firebug e carica la pagina, scegli Cancella (perché la pagina utilizza molto ajax ci sono ben 100 richieste). Quindi seleziona la scheda "Tutti" e prova a copiare. Vedrai una richiesta per un'immagine di 1x1 pixel ma se premi il pulsante + per vedere i dettagli, vedrai nella scheda 'Params' che questa richiesta GET passa il tuo testo richiesto come parametro 'content', con alcuni informazioni XPath che verrà utilizzato per manipolare il DOM appunti:

start_node_xpath /HTML/BODY[@id='belfast']/DIV[@id='root']/DIV[@id='content']/DIV[@id='mainColumn']/DIV[@id='article']/DIV[5]/P[39]/text() 

end_node_xpath /HTML/BODY[@id='belfast']/DIV[@id='root']/DIV[@id='content']/DIV[@id='mainColumn']/DIV[@id='article']/DIV[5]/P[41]/text() 

Come @Crimson rilevare ci sono metodi per manipolare negli appunti, like zeroclipboard che utilizzano Flash e un'immagine.

Suppongo che è come la tecnica viene eseguita utilizzando l'immagine ottenere la richiesta di modificare gli Appunti.

Answer 2

Si noterà che ciò accade solo quando si utilizza la combinazione di tasti [Ctrl + C] e non se si evidenzia il testo e si sceglie la copia dal menu di scelta rapida.

Stanno semplicemente intrappolando il tasto [Ctrl + C].

Inoltre, per aggiungere i dati negli appunti, dare un'occhiata a questo post: How do I copy to the clipboard in JavaScript?

Answer 3

Ho notato recentemente un afflusso di questo "sequestro di appunti" sui siti web. thefutoncritic.com, cracked.com ... Se usi Adblock, vai nella lista "manual entries" e aggiungi * post-copypaste.js *. Questo dovrebbe impedire ai siti di aggiungere i loro annunci negli Appunti.

Answer 4

Un'altra soluzione utilizzata da altri siti web è quello di utilizzare jQuery e la 'copia'/evento 'taglio':

$('body').bind('copy cut',function(e){manipulate();}); 

Alcuni esempi qui: http://www.mkyong.com/jquery/how-to-detect-copy-paste-and-cut-behavior-with-jquery/

Answer 5

Un sito di news che visito uso questo funzione per aggiungere una "fonte" alla selezione copiata:

function addLink() { 
    var body_element = document.getElementsByTagName('body')[0]; 
    var selection; 
    selection = window.getSelection(); 
    // change this if you want 
    var pagelink = "<br><br>Fuente: Emol.com - <a href='"+document.location.href+"'>"+document.location.href+"</a><br>"; 
    var copytext = selection + pagelink; 
    var newdiv = document.createElement('div'); 
    newdiv.style.position='absolute'; 
    newdiv.style.left='-99999px'; 
    body_element.appendChild(newdiv); 
    newdiv.innerHTML = copytext; 
    selection.selectAllChildren(newdiv); 
    window.setTimeout(function() { 
     body_element.removeChild(newdiv); 
    },0); 
} 
document.oncopy = addLink;