Hvordan man styrer Kopier og sæt

JavaScript kan holde nogle brugere fra at kopiere og indsætte på dit website. programmøren og en computer billede af Andrey Andreev fra Fotolia.com

Det er umuligt at blokere brugere fra at kopiere og indsætte på en hjemmeside.Kyndige brugere kan se din HTML-kildekode og tilsidesætte JavaScript-funktioner, der forhindrer dem i at udtrække oplysninger fra din webside eller indsætte nye data i input kontrol.Men du kan bruge JavaScript til at gøre det vanskeligere for mange brugere til at udføre kopiere og indsætte operationer på din hjemmeside.JavaScript vil fange en brugers tastetryk, afgøre, om der trykkes på Kopier eller Sæt ind nøglerne og informerer brugeren om, at dit websted nu giver mulighed disse handlinger.

Instruktioner

  1. Åbn Notesblok eller et tekstbehandlingsprogram og tilføje følgende kode:!

    & lt; DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    & lt; html xmlns = "http://www.w3.org/1999/xhtml" & gt;

    & lt; head & gt;

    & lt; title & gt; Test Blokering

    af eksemplar & amp;Indsæt & lt; / title & gt;

    & lt; script & gt;

    & lt; / script & gt;

    & lt; / head & gt;

    & lt; body & gt;

    & lt; / body & gt;

    & lt; / html & gt;

    Dette skaber et tomt HTML-dokument.

  2. Tilføj denne kode efter "& lt; body & gt;"tag:

    & lt; textarea id = "TextArea1" cols = "20" rækker = "2" & gt; & lt; / textarea & gt;

    & lt; input type = "text" id = "textBox1" / & gt;

    Dette skaber et textarea og en tekstboks.

  3. Tilføj denne JavaScript-kode efter "& lt; script & gt;"tag:

    window.onload = function () {

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

    objTextArea.onkeydown = checkKey;

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

    objTextBox.onkeydown = checkKey;

    };

    Denne kode lægger hændelseshandlere til textarea og tekst box kontrol efter siden indlæses.Når en bruger trykker på en tast, mens placeret i en af ​​disse kontroller, browseren udfører den funktion, der hedder "checkKey."Tilføj yderligere kontroller til denne kode blok ved hjælp af den samme logik.For eksempel, hvis du har en anden tekstboks med navnet "TextBox2," append følgende kode til funktionen:

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

    objTextBox2.onkeydown = checkKey;

    Denne blok af kode vil knytte en event handler til et tekstfelt ved navn TextBox2.Den resulterende funktion ville se sådan ud:

    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. Tilføj denne JavaScript-funktionen efter den tidligere funktion:

    funktion checkKey (e) {

    var keyPressed;

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

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

    ellers hvis (e.which) keyPressed = e.which;

    hvis (keyPressed == 17)

    alert ("Sorry kopiere og indsætte ikke tilladt.")

    }

    Denne funktion bestemmer den nøgle, en bruger presser mens placeret i textarea eller tekstboks kontrol.Hvis en bruger trykker på "Ctrl" -tasten, som har en keycode på 17, viser en advarsel browseren.Tilpas denne meddelelse ved at ændre teksten.

  5. Gem filen med en udvidelse af ".html", og åbne den i en webbrowser.

  6. Skriv en værdi i textarea og fremhæve det.Tryk på "Ctrl + C" for at kopiere den.Du vil se advarsel.Gentag processen med tekstfeltet.JavaScript-koden vil forhindre dig i at udføre kopiere og indsætte operationer.

Tips & amp;Advarsler

  • Anvend den samme logik til hver indgang element, du ønsker at beskytte.Medtag et unikt id-værdi for hver input kontrol, som du ønsker at beskytte mod at kopiere og indsætte.

Ressourcer

  • Tizag: Javascript Tutorial
616
0
1
Java Script