10 JavaScript-Codes zum Verhindern des Kopierens ❌ Kopieren Sie keinen Text auf der Website.

JavaScript-Code: Kopieren Sie keinen Text auf der Website. Klicken Sie nicht mit der rechten Maustaste. Text nicht abdecken. Wenn Sie verhindern möchten, dass Benutzer Inhalte auf Ihrer Website kopieren oder einfügen, können Sie JavaScript verwenden, um die Textauswahl zu verhindern und den Kopierbefehl zu deaktivieren. Sie können den folgenden Code verwenden:

Dieser Code verwendet JavaScript, um die Textauswahl zu verhindern und bestimmte Tastaturkürzel (wie Strg+A und Strg+C) auf einer Webseite zu deaktivieren. Der Code funktioniert folgendermaßen:

  • deaktivierenselect(e) → Mit wiederherstellen FALSCH So verhindern Sie die Textauswahl
  • reEnable() → Wiederherstellen WAHR Um den Klick wieder zu aktivieren (wird in einigen alten Browsern verwendet)
  • Dokument.onselectstart → Es handelt sich um einen Eventhandler, der ausgeführt wird, wenn die Textauswahl gestartet wird (Wählen Sie Start)
  • neue Funktion("return false") → Textauswahl durch Zurücksetzen schließen FALSCH
  • Fenster.Seitenleiste → Mit können Sie prüfen, ob der Browser Feuerfuchs (Mozillas alter Browser)
  • document.onmousedown = Auswahl deaktivieren; → Deaktivieren Sie die Textauswahl, wenn die Maus gedrückt wird
  • document.onclick = erneut aktivieren; → Klick aktivieren (Um zu vermeiden, dass jeder Klick blockiert wird)
  • Ereignis.Strg-Taste → Prüfen Sie, ob die Taste Strg Werden Sie unterdrückt?
  • Ereignisschlüssel === "a" → Überprüfen Sie, ob der Benutzer gedrückt hat Strg + A (Alle auswählen)
  • event.key === "c" → Überprüfen Sie, ob der Benutzer gedrückt hat Strg + C (Kopie)
  • event.preventDefault(); → Blockieren Sie die Bedienung von Tastenkombinationen
  • alert("Entschuldigung! Dieser Befehl kann nicht verwendet werden."); → Benachrichtigungsnachricht anzeigen

Dies ist document.addEventListener(“selectstart”, function (event) {…})

  • Erfassen Sie das Ereignis "SelectStart" Dies tritt auf, wenn der Benutzer versucht, Text auszuwählen.
  • event.preventDefault(); → Deaktivieren Sie die Textauswahl auf allen Webseiten

Erfassen Sie das Ereignis "SelectStart"

  • Tritt auf, wenn der Benutzer versucht, Text durch Ziehen auszuwählen.

Überprüfen Sie, ob der Benutzer versucht, Text auszuwählen in <pre class="wp-block-code"> Oder nicht

  • verwenden während (Ziel) So überprüfen Sie das Element und das übergeordnete Element
  • Wenn Ziel haben Klasse bei Beginnend mit "wp-block-code"Textauswahl zulassen
  • verwenden target.classList.some(cls => cls.startsWith("wp-block-code")) Überprüfen

Wenn nicht ausgewählt in wp-block-code → Textauswahl schließen

  • event.preventDefault(); Textauswahl überall deaktivieren außer wp-block-code

1️⃣ Ereigniserfassung Kopie

  • verwenden document.addEventListener('copy', function (e) {...})
  • Wenn der Benutzer drückt Strg + C Oder klicken Sie mit der rechten Maustaste und wählen Sie „Kopieren“ → Diese Funktion funktioniert.

2️⃣ e.preventDefault();

  • Blockkopieren (Kopierereignis)
  • Benutzer werden Text kann nicht kopiert werden Zur Zwischenablage

3️⃣ Benachrichtigung (Alarm(...))

  • Nachricht anzeigen „Entschuldigung! Der Inhalt kann nicht kopiert werden.“
  • Benutzer benachrichtigen, dass das Kopieren blockiert ist

Dieser Code verhindert Rechtsklicks auf Webseiten mit JavaScript. Die angegebene Funktion erfasst das Rechtsklickereignis (Kontextmenüereignis) und blockieren Sie die Anzeige des Rechtsklickmenüs. Außerdem wird ein Warnfeld angezeigt, um den Benutzer darüber zu informieren, dass das Klicken mit der rechten Maustaste blockiert ist. Die Warnmeldung ist in der Variable vordefiniert. und wird angezeigt, wenn Sie mit der rechten Maustaste klicken

Dieser Code verwendet JavaScript, um das Rechtsklickmenü auf einer Webseite zu deaktivieren. Durch das Abhören von Ereignissen Kontextmenü Dies geschieht, wenn ein Benutzer mit der rechten Maustaste auf eine Webseite klickt. Verwenden Sie dann den Befehl e.preventDefault() Um zu verhindern, dass das Rechtsklickmenü in Browsern angezeigt wird.

  • Erfassen Sie das Ereignis Kontextmenü: Wenn ein Benutzer mit der rechten Maustaste auf eine Webseite klickt
  • e.preventDefault(): Deaktiviert das Rechtsklickmenü des Browsers, über das Benutzer normalerweise auf Funktionen wie „Kopieren“, „Quelle anzeigen“ usw. zugreifen können.

Das Ergebnis ist Benutzer können nicht mit der rechten Maustaste klicken. Auf der Webseite, die diesen Code verwendet.

Dieser Code wird verwendet CSS So sperren Sie die Textauswahl auf einer Webseite: Durch Festlegen Benutzerauswahl: keine; Im Stil von Tags <body>. Der Code funktioniert wie folgt:

Es ist nicht möglich, mit der Maus Text auszuwählen.

Benutzerauswahl: keine;: Verhindern Sie, dass Benutzer Text auf einer Webseite auswählen.

Verwendung mit Tags <body> Verhindern Sie, dass der gesamte Text auf der Seite ausgewählt wird.

Dieser Code verhindert das Ziehen oder Ablegen von Inhalten oder Bildern an anderer Stelle.

Dieser Code wird verwendet JavaScript Um Drag & Drop auf Webseiten zu verhindern, verwenden Sie: preventDefault() So deaktivieren Sie beide Ereignisse

Deaktivieren Strg + U (Quelltext anzeigen), Strg + Umschalt + I (Entwicklertools), F12 (DevTools)

Dieser Code wird verwendet JavaScript Um die Verwendung bestimmter Befehle zu verhindern, die Benutzern den Zugriff auf Entwicklertools und -funktionen auf einer Webseite ermöglichen, wie z. B. das Öffnen Quelle anzeigen, Element prüfen, oder Entwicklertools Durch verschiedene Verknüpfungen Durch die Erfassung des Ereignisses Tastendruck Und verhindern Sie auch diese Befehle. preventDefault().

Inspektion Strg + U, Strg + S, Strg + I, Strg + J:
Wenn der Benutzer drückt Strg Halten und drücken IN, S, ICH, oder J (Dies ist eine Verknüpfung, die häufig zum Öffnen der Quelle einer Webseite oder eines Entwicklungstools verwendet wird.)

  • e.preventDefault() Deaktivieren Sie diesen Befehl
  • Benachrichtigungsnachricht anzeigen: „Entschuldigung! Dieser Befehl kann nicht verwendet werden.“

Schaltflächenprüfung F12:
Wenn der Benutzer drückt F12 Welches ist die Verknüpfung zum Öffnen Entwicklertools

  • e.preventDefault() Entwicklertools deaktivieren
  • Benachrichtigungsnachricht anzeigen: „Entwicklertools sind deaktiviert“

Dieser CSS-Code wird verwendet, um Textauswahl verhindern (Textauswahl) und Ziehen von Daten (Ziehen) auf Webseiten mit Benutzerauswahl: keine; und Unterstützung für verschiedene Browser

Stellendetails:

  1. Benutzerauswahl: keine;
    • Verhindert, dass Benutzer Text in einem angegebenen HTML-Element auswählen. (In diesem Fall, Körper, P, Spanne, div)
  2. -webkit-Benutzerauswahl: keine;
    • Zur Verwendung mit Browsern, die WebKit Motor (wie Chrom, Safari)
    • Damit können Sie die Textauswahl in diesen Browsern verhindern.
  3. -moz-Benutzerauswahl: keine;
    • Verwendet für Feuerfuchs
    • Verhindern der Textauswahl in Firefox
  4. -ms-user-select: keine;
    • Verwendet für Internet Explorer
    • Verhindern Sie die Textauswahl im IE

So verwenden Sie: Gehen Sie zum Kopfbereich – Fügen Sie den Code in den Kopf ein.


  • Gehen Sie zu Ihrem WordPress-Administrationsbereich und dann zum Menü „Darstellung/Theme-Datei-Editor“.
  • Wählen Sie auf der rechten Seite das Design aus (das Sie derzeit verwenden).
  • Suchen Sie den Theme-Header (header.php).
  • Platzieren Sie den Code in
Kopieren Sie keinen Text.
  • Gehen Sie zum Themenmenü. Blogger
  • Klicken Sie auf die Dropdown-Schaltfläche HTML bearbeiten
  • Geben Sie den Code ein

Notiz

ObwohlCodeDadurch wird die Wahrscheinlichkeit verringert, dass Inhalte von Ihrer Website kopiert werden. Es ist jedoch nicht hundertprozentig sicher, da Benutzer weiterhin über Entwicklertools oder Browsererweiterungen auf die Daten zugreifen können. Wenn Sie Ihre Inhalte schützen möchten, sollten Sie zusätzliche Maßnahmen wie das Hinzufügen eines Wasserzeichens zum Bild in Betracht ziehen. Oder die Verwendung eines Mitgliedschaftssystems, um den Zugriff auf wichtige Inhalte einzuschränken

Hoffentlich sind diese Codes hilfreich, um das Kopieren von Text auf Ihrer Website zu verhindern! 🚀

Facebook-Kommentarfeld
Vorheriger Artikel

So erstellen Sie einen Blogger (in 3 Minuten) für Anfänger und geheime Tipps, die Sie nicht kennen

Nächster Beitrag

18 Alternativen zum WordPress-Übersetzungs-Plugin🈵Erstellen Sie eine mehrsprachige Site