Gewusst wie: Kopieren und einfügen zu steuern

Es ist unmöglich zu Benutzer blockieren von kopieren und Einfügen auf einer Website. Erfahrene Benutzer können Ihren HTML-Quellcode anzeigen und JavaScript-Funktionen, die sie extrahieren von Informationen aus Ihrer Webseite oder Einfügen von neuen Daten in Eingabesteuerelementen daran hindern zu überschreiben. JavaScript können Sie jedoch für viele Benutzer ausführen kopieren und Einfügen auf Ihrer Website erschweren. JavaScript wird Tastatureingaben des Benutzers erfassen, bestimmen Sie, ob Sie kopieren und Einfügen Tasten gedrückt werden und den Benutzer informieren, dass Ihre Website jetzt diese Aktionen zulässt.

Anweisungen

1 Öffnen Sie Notepad oder einem beliebigen Textverarbeitungsprogramm und fügen Sie folgenden Code:

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

< html Xmlns = "als http://www.w3.org/1999/xhtml" >

< Head >

< Title > Test Blockierung von kopieren & Einfügen < / title >

< Skript >

< / script >

< / head >

< Körper >

< / body >

< / html >

Dies erstellt ein leeres HTML-Dokument.

2 Fügen Sie diesen Code nach "< Body >"-Tag:

< Textarea Id = "TextArea1" Spalten = "20" Zeilen = "2" >< / Textarea >

< Eingang Typ = "Text" Id = "TextBox1" / >

Dadurch entsteht eine Textarea und einem Textfeld.

3 Diese JavaScript-Code nach der "< Script >"-Tag einfügen:

window.onload = function () {

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

objTextArea.onkeydown = checkKey;

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

objTextBox.onkeydown = checkKey;

};

Dieser Code fügt Ereignishandler an die Textarea und Text-Steuerelemente, nachdem die Seite geladen. Wenn ein Benutzer eine Taste während der Positionierung in eines dieser Steuerelemente drückt, führt der Browser die Funktion mit dem Namen "CheckKey." Dieser Codeblock mit der gleichen Logik fügen Sie zusätzliche Steuerelemente hinzu. Beispielsweise haben Sie ein weiteres Textfeld mit dem Namen "TextBox2", hängen Sie den folgenden Code an die Funktion:

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

objTextBox2.onkeydown = CheckKey;

Dieser Codeblock wird ein Textfeld namens TextBox2 einen Ereignishandler beimessen. Die resultierende Funktion würde so aussehen:

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

Diese JavaScript-Funktion nach der vorherigen Funktion einfügen:

Funktion checkKey(e) {}

var keyPressed;

if (!e) var e = window.event;

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

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

if (keyPressed == 17)

alert("Sorry. Copy and paste not allowed");

}

Diese Funktion bestimmt den Schlüssel, den ein Benutzer drückt, während im Textarea oder Text-Steuerelement positioniert. Wenn ein Benutzer die "Strg"-Taste, die einen Keycode von 17 hat drückt, zeigt der Browser eine Warnmeldung. Passen Sie diese Meldung durch ändern den Text an.

5 Speichern Sie die Datei mit der Erweiterung ".html" und in einem Webbrowser öffnen.

6 Geben Sie einen Wert in das Textfeld, und markieren Sie es. Drücken Sie "STRG + C" kopieren. Sie sehen die Warnmeldung. Wiederholen Sie den Vorgang mit dem Textfeld. Der JavaScript-Code wird hindern Sie kopieren und einfügen.

Tipps & Warnungen

• Gelten Sie die gleiche Logik für jeden input-Element, das Sie schützen möchten. Gehören Sie eines eindeutigen ID-Wertes für jedes Eingabesteuerelement, die Sie schützen vor kopieren und einfügen möchten.