Comment autoriser la sélection de certains textes sur les publications désactivées?

Question

J'ai déjà posé cette question sur StackExchange Webmasters. J'ai ajouté un code html/javascript sur mon site Web blogger pour désactiver la copie du contenu. Le code est:

<script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'></script><script type='text/javascript'> if(typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false"); } else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return false"); } </script> 

Si je veux autoriser la sélection de certains textes de la page uniquement? Par exemple, si je veux fournir des codes à mon lecteur, comment puis-je leur permettre de copier le code, mais pas tout le message?

Merci à l'avance :) Mon site → www.aryanpoudel.com.np

Answer 1

Tout d'abord, vous ne pouvez pas interdire de copier du texte à partir de votre site Web. Tout le texte est envoyé au navigateur de l'utilisateur et peut donc également être copié. Cette mesure n'autorise que les utilisateurs sans beaucoup d'expérience informatique à ne pas copier le texte.

Pour résoudre votre problème, il est préférable d'utiliser CSS à cette fin. Il existe une propriété CSS appelée user-select qui peut être définie sur none. Cela interdit à l'utilisateur la sélection du texte sur l'élément, la propriété est définie sur. Veillez à utiliser également les préfixes du navigateur pour la sélection par l'utilisateur, car il n'est pas encore pris en charge par tous les principaux navigateurs sans préfixe.

.element { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

Vous pouvez trouver la compatibilité du navigateur ici: http://caniuse.com/#feat=user-select-none

Si vous voulez faire partie seulement de votre page sélectionnée, vous pouvez le faire en ajoutant la propriété de sélection par l'utilisateur à l'élément body de votre page ou au sélecteur *. Si vous voulez rendre un élément sélectionnable, réinitialisez simplement les styles CSS en changeant la propriété en user-select: text.

Answer 2

Une autre façon d'obtenir ce que vous cherchez est:

function getSelectedText() { 
 
    if (window.getSelection) { 
 
    txt = window.getSelection(); 
 
    } else if (window.document.getSelection) { 
 
    txt =window.document.getSelection(); 
 
    } else if (window.document.selection) { 
 
    txt = window.document.selection.createRange().text; 
 
    } 
 
    return txt; 
 
} 
 
function removeSelection() { 
 
    if (window.getSelection) { 
 
    if (window.getSelection().empty) { 
 
     window.getSelection().empty(); 
 
    } else if (window.getSelection().removeAllRanges) { 
 
     window.getSelection().removeAllRanges(); 
 
    } 
 
    } else if (document.selection) { 
 
    document.selection.empty(); 
 
    } 
 
} 
 
var wordSelectables = ["number", "video", "computer"]; 
 
document.onmouseup = function() { 
 
    var selText = getSelectedText().toString(); 
 
    if (wordSelectables.indexOf(selText) == -1) { 
 
    removeSelection(); 
 
    } 
 
}

number video <p>video</p>computer 
 

 
<input value="videocomputer">