Empêcher la sélection en Javascript (anti-sélection)
ybouane Empêcher la sélection en Javascript (anti-sélection) Note : 4/5 (0 vote) Derniéres modifications : 11/02/2012 à 18:33:03 Mots-Clés : empecher selection javascript interdir selectionner texte bloquer selection proteger texter copie plagia copy javascript interdire la sélection du texte Bonjour, dans ce script, je vais vous montrer comment empêcher la sélection du texte dans tout les navigateur avec Javascript activé. Je vous déconseille d'utiliser ce type de scripts pour empêcher la copie de vos ?uvres, car ça dérange la navigation et ça peut être facilement contourné. Ce script a quand même une utilité, il peut vous permettre notamment d'empêcher la sélection lors du déplacement de boites grâce à Javascript ou lors du déplacement d'un curseur d'un ColorPicker... Voici le code: Code: (X)html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Empêcher la sêlection du texte</title> <script type="text/javascript"> //<!-- function ffalse() { return false; } function ftrue() { return true; } document.onselectstart = new Function ("return false"); if(window.sidebar) { document.onmousedown = ffalse; document.onclick = ftrue; } //--> </script> </head> <body> Essayez de sêlectionner le texte:<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tortor nisl, dapibus sed, tincidunt non, commodo id, arcu. Curabitur ut quam. Nam lacus lacus, bibendum in, vehicula eget, semper quis, sem. Nunc et metus. Ut enim purus, ullamcorper sit amet, condimentum ut, porta eget, turpis. Nulla aliquam purus sit amet nibh. Mauris ut urna. In dignissim urna dictum eros. Donec enim elit, commodo vitae, imperdiet quis, mattis et, quam. Pellentesque sagittis leo. Integer nisl metus, rhoncus eu, dapibus lobortis, adipiscing sit amet, erat. Nulla risus ante, rutrum eu, dictum a, vulputate sit amet, augue. Integer ut libero. Maecenas mauris tortor, tincidunt at, suscipit at, eleifend ac, velit. Donec ante justo, posuere sit amet, consectetur id, sagittis eu, est. Maecenas sapien dolor, tristique a, adipiscing at, dignissim at, ante. Etiam nibh mauris, faucibus ac, luctus volutpat, fermentum ut, odio. Suspendisse libero. In facilisis, sem sit amet auctor aliquet, justo diam vehicula urna, sit amet ullamcorper erat sapien nec est. </body> </html> Essayer c'est tout, ce code est compatible avec tout les navigateurs. Ce code ne fonctionne qu'avec la sélection par la souris. merci , j'espère que vous avez aimé ce script et qu'il vous sera utile. Scripts et tutoriaux similaires à celui ci: Empêcher le clic droit en Javascript (anticlicdroit) Afficher/Cacher un div(element) en javascript [GD]Captcha protection anti-spam en php - captcha php gd sessions spam image [GD]Écrire un texte sur une image avec une police TTF - imagettftext Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie Maxlength sur textarea - limiter le nombre de caractères dans un textarea en javascript Ouvrir une nouvelle fenêtre (Pop-up) en javascript - window.open tutoriel Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam. Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé. Les commentaires Envoyé par Moi le 05/10/2009 à 12:29:31 Il suffit de faire Ctrl A ! Envoyé par drocchetti le 30/10/2009 à 14:11:12 un mot Génial Envoyé par tonyjahim le 09/04/2010 à 16:12:36 Ce script ne marche pas avec Opéra :) Envoyé par didouchy le 26/11/2010 à 14:49:25 Pratique pour garder les droit d'auteur =D Envoyé par TheCake le 23/07/2011 à 17:52:57 C'est vrai que cette technique est facilement contournable. Le mieux est de transformer son texte en image, avec php par exemple. Envoyé par cubik64 le 27/10/2011 à 13:35:45 Merci pour ta soluce ! Ça marche parfaitementl, j'en avais besoin pour des drag&drop ! Et bien compatible avec tous les navigateurs je confirme Envoyé par endymionn le 05/11/2011 à 14:06:11 Super !ça marche! Envoyé par endymionn le 05/11/2011 à 14:06:21 Super !ça marche! Envoyé par Franck le 21/11/2011 à 17:11:25 Bonjour, Sous Firefox il empêche mes lecteurs de laisser des commentaires. Quand on pointe le curseur dans les cases à remplir, le curseur n'apparaît pas. Quelqu'un sait à cause de quoi cela provient ? Merci pour le coup de main Envoyé par steph le 18/01/2012 à 11:53:17 Merci pour le script qui fonctionne très bien. Cependant je rencontre le même problème que vous Franck. Avez-vous trouvé une solution pour contourner ce problème? Envoyé par nwrftcvs le 24/01/2012 à 12:30:04 20 Envoyé par Artrol le 26/01/2012 à 16:31:49 Nickel ! merci beaucoup... C'est exactement ce que je cherchais mais c'est juste que je savais pas si c'était possible ^^. Juste une p'tite remarque c'est pas plus propre de pas nommer les fonctions (surtout si on les utilise qu'une seul fois) : document.onselectstart = new Function ("return false"); if(window.sidebar) { document.onmousedown = function(){return false;}; document.onclick = function(){return true;}; } Envoyé par bVlcndwIp le 13/12/2012 à 14:44:15 Salut les mecs, c'est Julien, le cousin de Nicolas Chusseau ! je suis ravi de voir que pour vous e7a machre et je suis e0 l'affut de chacun de vos concerts ! je vais aller acheter votre EP et j'attends l'album avec impatience ! je vais aller vous voir jouer e0 Lille et j'espe8re avoir l'occasion de discuter un peu avec vous apre8s le concert !A bientf4t ! Envoyé par julien le 22/12/2012 à 18:16:08 ça marche pas sous Opera.

Empêcher la sélection en Javascript (anti-sélection)

ybouane

Empêcher la sélection en Javascript (anti-sélection)
Note : 4/5 (0 vote)
Derniéres modifications : 11/02/2012 à 18:33:03
Mots-Clés : empecher selection javascript interdir selectionner texte bloquer selection proteger texter copie plagia copy javascript interdire la sélection du texte

Bonjour,
dans ce script, je vais vous montrer comment empêcher la sélection du texte dans tout les navigateur avec Javascript activé.

Je vous déconseille d'utiliser ce type de scripts pour empêcher la copie de vos ?uvres, car ça dérange la navigation et ça peut être facilement contourné.
Ce script a quand même une utilité, il peut vous permettre notamment d'empêcher la sélection lors du déplacement de boites grâce à Javascript ou lors du déplacement d'un curseur d'un ColorPicker...

Voici le code:

Code: (X)html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Emp&ecirc;cher la s&ecirc;lection du texte</title>

    <script type="text/javascript">

        //<!--

                function ffalse()

                {

                        return false;

                }

                function ftrue()

                {

                        return true;

                }

                document.onselectstart = new Function ("return false");

                if(window.sidebar)

                {

                        document.onmousedown = ffalse;

                        document.onclick = ftrue;

                }

        //-->

        </script>

</head>

<body>

Essayez de s&ecirc;lectionner le texte:<br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tortor nisl, dapibus sed, tincidunt non, commodo id, arcu. Curabitur ut quam. Nam lacus lacus, bibendum in, vehicula eget, semper quis, sem. Nunc et metus. Ut enim purus, ullamcorper sit amet, condimentum ut, porta eget, turpis. Nulla aliquam purus sit amet nibh. Mauris ut urna. In dignissim urna dictum eros. Donec enim elit, commodo vitae, imperdiet quis, mattis et, quam. Pellentesque sagittis leo. Integer nisl metus, rhoncus eu, dapibus lobortis, adipiscing sit amet, erat. Nulla risus ante, rutrum eu, dictum a, vulputate sit amet, augue. Integer ut libero. Maecenas mauris tortor, tincidunt at, suscipit at, eleifend ac, velit. Donec ante justo, posuere sit amet, consectetur id, sagittis eu, est. Maecenas sapien dolor, tristique a, adipiscing at, dignissim at, ante. Etiam nibh mauris, faucibus ac, luctus volutpat, fermentum ut, odio. Suspendisse libero. In facilisis, sem sit amet auctor aliquet, justo diam vehicula urna, sit amet ullamcorper erat sapien nec est. 

</body>

</html>

Essayer

c'est tout, ce code est compatible avec tout les navigateurs.

Ce code ne fonctionne qu'avec la sélection par la souris.

merci

, j'espère que vous avez aimé ce script et qu'il vous sera utile.

Scripts et tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire

Les commentaires

Envoyé par Moi le 05/10/2009 à 12:29:31

Il suffit de faire Ctrl A !

Envoyé par drocchetti le 30/10/2009 à 14:11:12

un mot Génial

Envoyé par tonyjahim le 09/04/2010 à 16:12:36

Ce script ne marche pas avec Opéra :)

Envoyé par didouchy le 26/11/2010 à 14:49:25

Pratique pour garder les droit d'auteur =D

Envoyé par TheCake le 23/07/2011 à 17:52:57

C'est vrai que cette technique est facilement contournable.
Le mieux est de transformer son texte en image, avec php par exemple.

Envoyé par cubik64 le 27/10/2011 à 13:35:45

Merci pour ta soluce ! Ça marche parfaitementl, j'en avais besoin pour des drag&drop ! Et bien compatible avec tous les navigateurs je confirme

Envoyé par endymionn le 05/11/2011 à 14:06:11

Super !ça marche!

Envoyé par endymionn le 05/11/2011 à 14:06:21

Super !ça marche!

Envoyé par Franck le 21/11/2011 à 17:11:25

Bonjour,

Sous Firefox il empêche mes lecteurs de laisser des commentaires.
Quand on pointe le curseur dans les cases à remplir, le curseur n'apparaît pas.
Quelqu'un sait à cause de quoi cela provient ?

Merci pour le coup de main

Envoyé par steph le 18/01/2012 à 11:53:17

Merci pour le script qui fonctionne très bien.
Cependant je rencontre le même problème que vous Franck. Avez-vous trouvé une solution pour contourner ce problème?

Envoyé par nwrftcvs le 24/01/2012 à 12:30:04

Envoyé par Artrol le 26/01/2012 à 16:31:49

Nickel ! merci beaucoup...
C'est exactement ce que je cherchais mais c'est juste que je savais pas si c'était possible ^^.
Juste une p'tite remarque c'est pas plus propre de pas nommer les fonctions (surtout si on les utilise qu'une seul fois) :

document.onselectstart = new Function ("return false");
if(window.sidebar)
{
document.onmousedown = function(){return false;};
document.onclick = function(){return true;};
}

Envoyé par bVlcndwIp le 13/12/2012 à 14:44:15

Salut les mecs, c'est Julien, le cousin de Nicolas Chusseau ! je suis ravi de voir que pour vous e7a machre et je suis e0 l'affut de chacun de vos concerts ! je vais aller acheter votre EP et j'attends l'album avec impatience ! je vais aller vous voir jouer e0 Lille et j'espe8re avoir l'occasion de discuter un peu avec vous apre8s le concert !A bientf4t !

Envoyé par julien le 22/12/2012 à 18:16:08

ça marche pas sous Opera.