Heim > Artikel > Web-Frontend > Wie deaktiviere ich das Kopieren und Einfügen in Textbereichen mit 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:
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 && (e.keyCode == vKey || e.keyCode == cKey)) return false; }); // Document Ctrl + C/V $(document).keydown(function(e) { if (ctrlDown && (e.keyCode == cKey)) console.log("Document catch Ctrl+C"); if (ctrlDown && (e.keyCode == vKey)) console.log("Document catch Ctrl+V"); }); });</code>
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!