Comment désactiver le clic droit sur vos images avec JavaScript ?

Le vol de photos est un problème courant sur internet. Vos images originales peuvent être facilement copiées et utilisées sans votre consentement, ce qui peut nuire à votre travail et à votre réputation.

Que vous soyez un photographe professionnel, un blogueur ou simplement quelqu’un qui souhaite protéger ses photos personnelles, ce guide vous fournira les outils et les informations nécessaires pour vous protéger contre le vol d’images.

Prêt à commencer ? Plongeons dans le vif du sujet et découvrons comment vous pouvez utiliser JavaScript pour protéger vos images.

Empêcher que vos contenus soient copiés ? Pas si simple…

Aucune solution technique ne saurait garantir une protection absolue de vos images et textes sur votre site. Les différentes propositions disponibles, ici comme ailleurs, demeurent toutes sujettes à contournement facile. Par conséquent, l’implémentation de tels scripts est déconseillée, car cela risque non seulement d’effrayer les visiteurs innocents qui n’ont aucunement l’intention de voler votre contenu, mais également de se montrer inefficace contre les individus malveillants.

La méthode la plus efficace pour dissuader les visiteurs de récupérer et réutiliser vos images sur d’autres sites est d’ajouter un filigrane à l’image avant de la publier en ligne. Ainsi, même si le fichier image est téléchargé pour être utilisé ailleurs, le filigrane, tel que l’adresse de votre site web, restera intégré à l’image d’origine, préservant ainsi votre propriété intellectuelle.

Désactiver le menu contextuel sur vos images avec JavaScript

1. Intégrer ce code à votre site internet.

document.querySelectorAll('img').forEach(function(img) {
  img.addEventListener('contextmenu', (e) => {
    e.preventDefault(); // Prevent right-click
  });

  img.addEventListener('mousedown', (e) => {
    if (e.button === 0) { // Prevent left-click
      e.preventDefault();
    }
  });
});

Ce code JS empêche l’utilisation du clic droit et du clic gauche sur les images, utile lors de la création de votre site web.