Wie kann ich Strg C und Strg V in bestimmten Textbereichen mithilfe von JavaScript deaktivieren?

Deaktivieren von Strg C und Strg V in JavaScript für eingeschränkte Textbereiche

In bestimmten Szenarien kann es wünschenswert sein, Benutzern das Kopieren von Texten einzuschränken Einfügen von Inhalten in bestimmte Textbereiche. Dies geschieht häufig, um sicherzustellen, dass der Inhalt original und unverändert bleibt. JavaScript bietet eine bequeme Möglichkeit, die Tastenkombinationen Strg V und Strg C zu erkennen und diese Aktionen einzuschränken.

Um dies zu erreichen, können wir die Ereignisse „keydown“ und „keyup“ nutzen, um Tastendrücke zu überwachen. Wir definieren die Tastencodes für Strg (17 oder 91 je nach Betriebssystem) sowie V und C.

<code class="js">var ctrlDown = false;
var ctrlKey = 17;
var cmdKey = 91;
var vKey = 86;
var 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;
    }
});</code>

Als nächstes fügen wir den Textbereichselementen, die wir einschränken möchten, einen Keydown-Handler hinzu. Es prüft, ob Strg gedrückt wird und ob gleichzeitig V oder C gedrückt wird. Es wird „false“ zurückgegeben, um die Standardaktion zum Kopieren oder Einfügen zu verhindern.

<code class="js">$(".no-copy-paste").keydown(function(e) {
    if (ctrlDown && (e.keyCode == vKey || e.keyCode == cKey)) {
        return false;
    }
});</code>

Um zu zeigen, dass diese Lösung tatsächlich das Kopieren und Einfügen verhindert, können wir hinzufügen einen anderen Textbereich, der nicht eingeschränkt ist, und beobachten Sie, dass Kopier- und Einfügevorgänge dort funktionieren.

<code class="html"><h3>Ctrl+c Ctrl+v disabled</h3>
<textarea class="no-copy-paste"></textarea>

<br>
<br>

<h3>Ctrl+c Ctrl+v allowed</h3>
<textarea></textarea></code>

Zusammenfassend lässt sich sagen, dass wir dies effektiv tun können, indem wir die Tastenkombinationen Strg V und Strg C erkennen und die Standardaktion in bestimmten Textbereichen verhindern Benutzer daran hindern, Inhalte in diese Bereiche zu kopieren oder einzufügen.

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