Maison > Article > interface Web > Comment empêcher la copie de texte en Javascript
Comment empêcher la copie de texte en Javascript
- autoloadoriginal
- 2021-04-09 16:13:592664parcourir
Contenu HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>禁止选中文字和禁止右键菜单</title>
</head>
<body>
</body>
</html>Code JS :
<script>
const p=document.querySelector('p');
console.log(p);
p.addEventListener("contextmenu",function(e){
e.preventDefault();
});
</script> Bien que le code ci-dessus ne puisse pas être sélectionné et que le menu apparaisse lors d'un clic droit, il peut toujours être sélectionné. Vous pouvez utiliser les touches de raccourci ctrl + c. à copier, il peut donc être modifié comme suit :
<script>
const p=document.querySelector('p');
console.log(p);
p.addEventListener("contextmenu",function(e){
e.preventDefault();
});
p.addEventListener("selectstart",function(e){
e.preventDefault();
});
</script>recommande : "Questions et réponses de l'entretien js 2021 (grand résumé)"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Quelles sont les façons de définir des variables en javascriptArticle suivant：Quelles sont les façons de définir des variables en javascript