Comment interdire le copier-coller en HTML

En HTML, vous pouvez utiliser les attributs touch-callout et user-select pour désactiver la fonction copier-coller. Il vous suffit de définir "user-select:none;-webkit-touch-callout:none. ;" style. .

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Mes amis rencontrent parfois une telle demande lors du développement. Le client exige que le copier-coller soit interdit sur la page de l'article. Le code pour implémenter cette fonction est le suivant (peut être implémenté aussi bien sur PC que sur téléphones mobiles). :

*{

-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none;

}

Après avoir ajouté ce code, il y aura un problème sur IOS. À ce stade, vous constaterez que la zone de saisie ne peut pas saisir de contenu ; la raison en est -webkit-user-select:none ; ; attribut. .

La solution à ce problème est de définir les attributs d'entrée dans le fichier CSS en même temps, comme indiqué ci-dessous :

input {

-webkit-user-select:auto; /*webkit浏览器*/

}

Tutoriel recommandé : "Tutoriel vidéo HTML "

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!