Empêcher le copier-coller sur une page web avec Javascript
 

Email et RGPD : Ce qui va changer en 2018 | 2018, année du tout programmatique | WPA3 arrive pour renforcer la sécurité du WiFi | Google Search Console : découvrez la nouvelle version | Bonnes résolutions 2018 : des cours de code gratuits avec Codecademy | Facebook va privilégier les amis et la famille au détriment des marques et des médias | Tous les changements qui attendent les entrepreneurs à partir du 1er janvier 2018 | Relation-client : la proue du nudge-marketing | Quick Code : une sélection de formations gratuites pour les développeurs | Les nouvelles caractéristiques de la micro-entreprise en 2018 | Protection des données : voici comment être en règle pour 2018 | Drop : un outil rapide et sécurisé pour le partage de fichiers | Orange prêt à acquérir Business et Decision | Quel est l’impact de la technologie sur l’entreprise et les salariés | Chatbots : Qu’en pensent vraiment les marketeurs | Les enjeux du marketing mobile pour 2018 | Linux, maître absolu des supercalculateurs | 4 façons de vous former en étant salarié | Facebook et Universal signent un accord global afin que les utilisateurs puissent intégrer de la musique à leurs vidéos | Complot : le Bitcoin créé par la NSA pour détruire les monnaies | Ghost Browser : un navigateur pour les professionnels du web | Apple avoue réduire la vitesse des iPhone 6 pour préserver l'autonomie | Facebook accusé d’abus de position dominante à cause du bouton Like | L’emailing pour les nuls : 15 conseils et bonnes pratiques incontournables | Tout sur JDK 10 et la feuille de route Java | Comment faire une capture d’écran d’une page web en entier | Pourquoi les freelances doivent-ils facturer cher | Amazon devant la justice française pour abus vis à vis des vendeurs de sa marketplace | Facebook : la reconnaissance faciale pour lutter contre l’usurpation d’identité | Snapchat lance un programme d’accélération pour les startups européennes |

62 Visiteurs aujourd'hui

Abonnez-Vous

Empêcher le copier-coller sur une page web avec Javascript

221 Vues 2017-12-21 Javascript Solutions techniques

Empêcher le copier-coller sur une page web avec Javascript

Tous les navigateurs internet dignes de ce nom permettent entre autre d'accéder au code source HTML d'une page web et aussi de télécharger les images (à la fois les images avec la balise mais aussi les background-image CSS), ou encore d'interdire le copier-coller.

Cette fonctionnalité est accessible via le menu contextuel, c'est à dire en faisant un clic droit sur la page ou sur une image, puis Enregistrer l'image sous ou encore Code source de la page.

Il est donc possible d'empêcher les utilisateurs de télécharger les images en désactivant le menu contextuel. Avant de vous montrer comment faire, il faut garder à l'esprit que cette "parade" est très facile à contourner, ça ne dissuadera que les utilisateurs qui n'ont absolument aucune connaissance technique.

L'attribut oncontextmenu

En javascript, il existe un événement qui se déclenche lors de l'affichage du menu contextuel : oncontextmenu.

Le moyen le plus simple c'est donc d'écrire le code javascript directement dans l'attribut de la balise (en mode inline) :



Si pour une raison ou pour une autre vous ne pouvez pas ajouter directement d'attribut à dans le code HTML, il est possible de faire ça au chargement de la page en javascript :

Bloquer le clic droit avec jQuery

Avec jQuery, il suffit de sélectionner le document et de définir une fonction à exécuter lors de l'événement contextmenu :



Le preventDefault() seul permet normalement de bloquer le clic, mais on peut aussi ajouter un return false pour être sûr que ça marche sur tous les navigateurs (puisque return false est une instruction javascript native).

L'intérêt d'utiliser jQuery c'est qu'on a pas à se soucier des petites divergences d'implémentation de javascript dans les différents navigateurs (Firefox, Chrome, Opera, IE...).

Interdire le clic droit en javascript natif

Si vous ne pouvez pas utiliser jQuery, alors il va falloir le faire en javascript natif, et donc gérer soit même les différents navigateurs, ou alors prendre le risque d'une incompatibilité.

Voici un exemple qui devrait marcher sur internet explorer, firefox, opera et les navigateurs basés sur webkit (chrome, safari...), et vous permettre de protéger une page contre le clic droit et le copier-coller :




221 Vues 2017-12-21 Javascript Solutions techniques




Source


Articles Récentes




Aller à l'essentiel pour maitriser le Développement web

Cours de Développement Web en ligne par MEZGANI SAID

Actualités national et international

Trouve votre futur Métier

Trouve votre futur Métier

Articles Récentes