Come controllare copia e incolla

April 17

Come controllare copia e incolla


E 'impossibile impedire agli utenti di copiare e incollare su un sito web. Gli utenti più esperti possono visualizzare il codice sorgente HTML e sovrascrivere le funzioni JavaScript che impediscono loro di estrarre informazioni dal tuo sito web o incollando nuovi dati in controlli di input. Tuttavia, è possibile utilizzare JavaScript per rendere più difficile per molti utenti di eseguire operazioni di copia e incolla sul tuo sito web. JavaScript cattura le battiture di un utente, determinare se si premono di copia e incolla chiavi e informare l'utente che il sito non permettono ora queste azioni.

istruzione

1 Aprire Blocco note o qualsiasi programma di elaborazione testi e aggiungere il seguente codice:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Title> Prova Blocco di Copia & Incolla </ title>

<Script>

</ Script>

</ Head>

<Body>

</ Body>

</ Html>

Questo crea un documento HTML vuoto.

2 Aggiungere questo codice dopo il tag "<body>":

<textarea id = "cols TextArea1" = righe "20" = "2"> </ textarea>

<Input type = "text" id = "TextBox1" />

Questo crea una textarea e una casella di testo.

3 Aggiungere questo codice JavaScript dopo il tag "<script>":

window.onload = function () {

var objTextArea = document.getElementById ( 'TextArea1');

objTextArea.onkeydown = CheckKey;

var objTextBox = document.getElementById ( 'TextBox1');

objTextBox.onkeydown = CheckKey;

};

Questo codice si attacca gestori di eventi ai controlli textarea e casella di testo dopo il caricamento della pagina. Quando un utente preme un tasto mentre posizionato in uno di questi controlli, il browser esegue la funzione denominata "CheckKey." Aggiungere controlli aggiuntivi a questo blocco di codice utilizzando la stessa logica. Ad esempio, se si dispone di un'altra casella di testo chiamato "TextBox2," aggiungere il seguente codice alla funzione:

var objTextBox2 = document.getElementById ( 'TextBox2');

objTextBox2.onkeydown = CheckKey;

Questo blocco di codice attribuirà un gestore di eventi a una casella di testo denominata TextBox2. La funzione risultante sarebbe simile a questa:

window.onload = function () {

var objTextArea = document.getElementById('TextArea1');

objTextArea.onkeydown = CheckKey;

var objTextBox = document.getElementById ( 'TextBox1');

objTextBox.onkeydown = CheckKey;

var objTextBox2 = document.getElementById ( 'TextBox2');

objTextBox2.onkeydown = CheckKey;

};

4 Aggiungere questa funzione JavaScript dopo la funzione precedente:

Funzione CheckKey (e) {

var keyPressed;

Se var e = window.event (E!);

if (e.keyCode) keyPressed = e.keyCode;

else if (e.which) keyPressed = e.which;

se (== keyPressed 17)

alert ( ". Spiacente copia e incolla non sono ammessi");

}

Questa funzione determina la chiave che l'utente preme mentre posizionati nella textarea o casella di testo di controllo. Se un utente preme il tasto "Ctrl", che ha un codice chiave del 17, il browser visualizza un messaggio di avviso. Personalizzare il messaggio modificando il testo.

5 Salvare il file con l'estensione ".html" e aprirlo in un browser web.

6 Digitare un valore nella textarea ed evidenziarla. Premere il tasto "Ctrl + C" per copiarlo. Si vedrà il messaggio di avviso. Ripetere il processo con la casella di testo. Il codice JavaScript ti impedirà l'esecuzione di operazioni di copia e incolla.

Consigli e avvertenze

  • Applicare la stessa logica di ogni elemento di input che si desidera proteggere. Includere un valore ID univoco per ogni controllo di input che si desidera proteggere da copiare e incollare.

Articoli Correlati