10 codes JavaScript pour empêcher la copie ❌ Ne copiez pas de texte sur le site Web.

Code JavaScript : Ne copiez pas de texte sur le site Web. Ne faites pas de clic droit. Ne pas couvrir le texte. Si vous souhaitez empêcher les utilisateurs de copier ou de coller du contenu sur votre site Web, vous pouvez utiliser JavaScript pour empêcher la sélection de texte et désactiver la commande Copier. Vous pouvez utiliser le code suivant :

Ce code utilise JavaScript pour empêcher la sélection de texte et désactiver certains raccourcis clavier (tels que Ctrl+A et Ctrl+C) sur une page Web. Le code fonctionne comme ceci :

  • désactiver la sélection(e) → Utiliser pour restaurer FAUX Pour empêcher la sélection de texte
  • réActiver() → Restaurer vrai Pour réactiver le clic (utilisé dans certains anciens navigateurs)
  • document.onselectstart → Il s'agit d'un gestionnaire d'événements qui s'exécute lorsque la sélection de texte est démarrée (sélectionnerdémarrer)
  • nouvelle fonction("retourne faux") → Fermer la sélection de texte en réinitialisant FAUX
  • fenêtre.barre latérale → Utiliser pour vérifier si le navigateur est Firefox (Ancien navigateur de Mozilla)
  • document.onmousedown = disableselect; → Désactiver la sélection de texte lorsque la souris est enfoncée
  • document.onclick = réActiver; → Activer le clic (pour éviter de bloquer chaque clic)
  • événement.ctrlKey → Vérifiez que le bouton Ctrl Êtes-vous réprimé ?
  • événement.clé === "a" → Vérifiez si l'utilisateur a appuyé sur Ctrl + A (Sélectionnez tout)
  • événement.clé === "c" → Vérifiez si l'utilisateur a appuyé sur Ctrl + C (Copie)
  • événement.preventDefault(); → Bloquer le fonctionnement des touches de raccourci
  • alert("Désolé ! Cette commande ne peut pas être utilisée."); → Afficher le message de notification

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

  • Capturez l'événement « selectstart » Cela se produit lorsque l'utilisateur essaie de sélectionner du texte.
  • événement.preventDefault(); → Désactiver la sélection de texte sur toutes les pages Web

Capturez l'événement « selectstart »

  • Se produit lorsque l'utilisateur tente de faire glisser pour sélectionner du texte.

Vérifiez si l'utilisateur essaie de sélectionner du texte dans <pre class="wp-block-code"> Ou non

  • utiliser tandis que (cible) Pour vérifier l'élément et l'élément parent
  • si cible avoir classe à Commençant par « wp-block-code »Autoriser la sélection de texte
  • utiliser target.classList.some(cls => cls.startsWith("wp-block-code")) Pour vérifier

Si non sélectionné dans code-bloc-wp → Fermer la sélection de texte

  • événement.preventDefault(); Désactiver la sélection de texte partout sauf code-bloc-wp

1️⃣ Capture d'événement copie

  • utiliser document.addEventListener('copie', fonction (e) {...})
  • Lorsque l'utilisateur appuie sur Ctrl + C Ou faites un clic droit et sélectionnez « Copier » → Cette fonction fonctionnera.

2️⃣ e.preventDefault();

  • Copie de bloc (copier l'événement)
  • Les utilisateurs vont Impossible de copier le texte Accéder au presse-papiers

3️⃣ Notification (alerte(...))

  • Afficher le message « Désolé ! Le contenu ne peut pas être copié. »
  • Informer les utilisateurs que la copie est bloquée

Ce code fonctionne pour empêcher le clic droit sur une page Web à l'aide de JavaScript. La fonction donnée interceptera l'événement de clic droit (événement du menu contextuel) et empêcher l'apparition du menu contextuel. Il affiche également une boîte d'alerte pour informer l'utilisateur que le clic droit est bloqué. Le message d'avertissement est prédéfini dans la variable. et sera affiché lors d'un clic droit

Ce code utilise JavaScript pour désactiver le menu contextuel sur une page Web. En écoutant les événements menu contextuel Cela se produit lorsqu'un utilisateur clique avec le bouton droit sur une page Web. Ensuite, utilisez la commande e.preventDefault() Pour empêcher l'affichage du menu contextuel dans les navigateurs.

  • Capturez l'événement menu contextuel: Lorsqu'un utilisateur clique avec le bouton droit sur une page Web
  • e.preventDefault(): Désactive le menu contextuel du navigateur, qui permet normalement aux utilisateurs d'accéder à des fonctions telles que « Copier », « Afficher la source », etc.

Le résultat est Les utilisateurs ne pourront pas faire de clic droit. Sur la page Web qui utilise ce code.

Ce code est utilisé CSS Pour verrouiller la sélection de texte sur une page Web en définissant sélection utilisateur : aucun ; Dans le style des tags <body>. Le code fonctionne comme suit :

Impossible de faire glisser la souris pour sélectionner du texte.

sélection utilisateur : aucun ;: Empêcher les utilisateurs de sélectionner du texte sur une page Web.

Utiliser avec des balises <body> Empêcher la sélection de tout le texte de la page.

Ce code empêche le glisser-déposer de contenu ou d'images ailleurs.

Ce code est utilisé JavaScript Pour éviter le glisser-déposer sur les pages Web, utilisez : preventDefault() Pour désactiver les deux événements

Désactiver Ctrl + U (Afficher la source), Ctrl + Maj + I (Outils de développement), F12 (Outils de développement)

Ce code est utilisé JavaScript Pour empêcher l'utilisation de certaines commandes qui peuvent aider les utilisateurs à accéder aux outils et fonctions de développement sur une page Web, comme l'ouverture Voir la source, Inspecter l'élément, ou Outils de développement Par divers raccourcis En capturant l'événement touche enfoncée Et empêchez également ces ordres. preventDefault().

Inspection Ctrl + U, Ctrl + S, Ctrl + I, Ctrl + J:
Si l'utilisateur appuie sur Ctrl Maintenez et appuyez DANS, S, je, ou J (Il s’agit d’un raccourci souvent utilisé pour ouvrir la source d’une page Web ou d’un outil de développement.)

  • e.preventDefault() Désactiver cette commande
  • Afficher le message de notification : « Désolé ! Cette commande ne peut pas être utilisée. »

Vérification des boutons F12:
Si l'utilisateur appuie sur F12 Quel est le raccourci pour ouvrir Outils de développement

  • e.preventDefault() Désactiver les outils de développement
  • Afficher le message de notification : « Les outils de développement sont désactivés »

Ce code CSS est utilisé pour Empêcher la sélection de texte (sélection de texte) et glisser-déposer des données (glisser-déposer) sur des pages Web à l'aide sélection utilisateur : aucun ; et prise en charge de différents navigateurs

Détails du poste :

  1. sélection utilisateur : aucun ;
    • Empêche les utilisateurs de sélectionner du texte dans un élément HTML spécifié. (Dans ce cas, corps, p, portée, div)
  2. -webkit-user-select : aucun ;
    • À utiliser avec les navigateurs qui utilisent WebKit moteur (tel que Chrome, Safari)
    • Il vous permet d'empêcher la sélection de texte dans ces navigateurs.
  3. -moz-user-select : aucun ;
    • Utilisé pour Firefox
    • Empêcher la sélection de texte dans Firefox
  4. -ms-user-select : aucun ;
    • Utilisé pour Internet Explorer
    • Empêcher la sélection de texte dans IE

Comment utiliser Accédez à la section d’en-tête – Insérez le code à l’intérieur de l’en-tête.


  • Accédez à votre zone d’administration WordPress, accédez au menu Apparence/Éditeur de fichiers de thème.
  • Côté droit, choisissez le thème (que vous utilisez actuellement)
  • Trouver l'en-tête du thème (header.php)
  • Placez le code dans
Ne pas copier le texte.
  • Accédez au menu Thème. Blogueur
  • Cliquez sur le bouton déroulant Modifier le code HTML
  • Entrez le code à l'intérieur

note

bien quecodeCes mesures contribueront à réduire les risques de copie du contenu de votre site Web. Mais ce n’est pas sûr à 100 %, car les utilisateurs peuvent toujours accéder aux données à l’aide d’outils de développement ou d’extensions de navigateur. Ainsi, si vous souhaitez protéger votre contenu, des mesures supplémentaires telles que l’ajout d’un filigrane à l’image doivent être envisagées. Ou utiliser un système d'adhésion pour restreindre l'accès à un contenu important

Nous espérons que ces codes seront utiles pour empêcher la copie de texte sur votre site Web ! 🚀

Boîte de commentaires Facebook
Article précédent

Comment créer un blogueur (en 3 minutes) pour les débutants et astuces secrètes que vous ne connaissez pas

Article suivant

18 alternatives aux plugins de traduction WordPress🈵Créez un site multilingue