Heim  >  Artikel  >  Web-Frontend  >  Wie kann ich mithilfe von JavaScript Strg V und Strg C in einem bestimmten Textbereich verhindern?

Wie kann ich mithilfe von JavaScript Strg V und Strg C in einem bestimmten Textbereich verhindern?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-27 08:02:31772Durchsuche

How to Prevent Ctrl V and Ctrl C in a Specific Textarea Using JavaScript?

So verhindern Sie Strg V und Strg C in JavaScript

Kopieren und Einfügen kann für Benutzer praktisch sein, aber es gibt Situationen, in denen Sie dies tun können Dieses Verhalten muss eingeschränkt werden, indem beispielsweise verhindert wird, dass Benutzer vertrauliche Informationen kopieren oder Daten in einem bestimmten Bereich manipulieren. JavaScript bietet eine einfache Lösung zum Erkennen und Verhindern der Tastenkombinationen Strg V und Strg C.

Um dies zu erreichen, führen Sie die folgenden Schritte aus:

  1. Strg-Taste erkennen: Verwenden Sie das Keydown-Ereignis, um zu verfolgen, wann die Strg-Taste gedrückt wird, und setzen Sie ein Flag (ctrlDown), um den Status anzuzeigen.
  2. Tastenkombinationen verarbeiten: Innerhalb des Keydown-Ereignishandlers für den spezifischen Textbereich Wenn Sie das Einfügen einschränken möchten, prüfen Sie, ob die Strg-Taste gedrückt ist (ctrlDown) und der Tastencode mit V (86) oder C (67) übereinstimmt. Wenn eine Kombination erkannt wird, verhindern Sie das Standardverhalten, indem Sie „false“ zurückgeben.
  3. Einfügen außerhalb des eingeschränkten Textbereichs zulassen: Um sicherzustellen, dass das Einfügen außerhalb des eingeschränkten Textbereichs aktiviert bleibt, verwenden Sie das Dokument als Ereignisziel in a Trennen Sie den Keydown-Ereignishandler und führen Sie die gewünschte Aktion aus (in diesem Fall das Protokollieren des Ereignisses).

Hier ist ein Beispielcode-Snippet:

<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>

Mit diesem Code an Ort und Stelle, Benutzer ist nicht in der Lage, Inhalte in den eingeschränkten Textbereich einzufügen, während Strg V gedrückt wird. Sie können weiterhin wie gewohnt Text eingeben oder andere Tastaturkürzel verwenden.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript Strg V und Strg C in einem bestimmten Textbereich verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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