Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie deaktiviere ich das Kopieren und Einfügen in Textbereichen mit JavaScript?

Patricia Arquette
Freigeben: 2024-11-02 22:11:02
Original
837 Leute haben es durchsucht

How to Disable Copying and Pasting in Textareas with JavaScript?

Erweiterte Methode zum Deaktivieren des Kopierens und Einfügens mithilfe von JavaScript

Bei der Webentwicklung kann es erforderlich sein, zu verhindern, dass Endbenutzer Inhalte in Textbereiche einfügen Datenintegrität oder Benutzererfahrung. Um dies zu erreichen, kann benutzerdefinierter JavaScript-Code eine Lösung bieten.

Implementierung:

  1. Keydown-Ereignisse erkennen und verfolgen, ob die Strg oder Cmd-Taste wurde gedrückt.
  2. Überprüfen Sie im Keydown-Ereignishandler, ob Der Benutzer drückt Strg oder Befehlstaste zusammen mit V (Einfügen) oder C (Kopieren).
  3. Wenn die Die erkannte Tastenkombination stimmt mit Strg/Befehlstaste V oder Strg/Befehlstaste überein C, verhindern Sie den Einfüge- oder Kopiervorgang, indem Sie false zurückgeben.

Beispielcode:

<code class="javascript">$(document).ready(function() {
    var ctrlDown = false,
        ctrlKey = 17,
        cmdKey = 91,
        vKey = 86,
        cKey = 67;

    $(document).keydown(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
    }).keyup(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
    });

    $(".no-copy-paste").keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == vKey || e.keyCode == cKey)) return false;
    });
    
    // Document Ctrl + C/V 
    $(document).keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == cKey)) console.log("Document catch Ctrl+C");
        if (ctrlDown &amp;&amp; (e.keyCode == vKey)) console.log("Document catch Ctrl+V");
    });
});</code>
Nach dem Login kopieren

Verwendung:

Um diesen Code zu verwenden, wenden Sie an "no-copy-paste" CSS-Klasse in Textbereiche, in denen Sie das Kopieren und Einfügen deaktivieren möchten. In Textbereichen ohne diese Klasse funktionieren Kopieren und Einfügen normal.

Hinweis: Diese Lösung ist möglicherweise nicht für alle Anwendungen geeignet, da sie den Benutzer daran hindert, Standardtastaturkürzel wie zu verwenden Strg oder Befehlstaste F für Suchen/Suchen. Es ist wichtig, die Kompromisse zwischen Benutzerfreundlichkeit und Sicherheit abzuwägen, bevor diese Maßnahme umgesetzt wird.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich das Kopieren und Einfügen in Textbereichen mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage