简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Questions et réponses frontales > le corps du texte

Comment implémenter l'interdiction de sélection en HTML

藏色散人
Libérer： 2021-04-12 09:36:26
original
2866 Les gens l'ont consulté

Comment implémenter l'interdiction de la sélection de contenu HTML : 1. Interdire la sélection du contenu HTML via CSS ; 2. Interdire la sélection du contenu HTML en ajoutant onselectstart et d'autres attributs à la balise body ; d'être sélectionné dans js Ajoutez l'instruction onselectstart pour implémenter l'interdiction.

Comment implémenter l'interdiction de sélection en HTML

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

Dans la page, il est interdit de sélectionner le contenu html

1 Via css 

*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
Copier après la connexion

attribut user-select : reportez-vous à https://www.html.cn. /book /css/properties/user-interface/user-select.htm

2 En ajoutant les attributs suivants à la balise body : 

<body "return false;" onselectstart="return false">
Copier après la connexion

La première phrase interdit le clic droit, et cette dernière phrase interdit la copie de.

3. Ajoutez les deux lignes d'instructions suivantes en js : 

//禁止页面选择以及鼠标右键
document.function(){return false;}; 
document.onselectstart=function(){return false;};
Copier après la connexion

[Apprentissage 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!

Étiquettes associées：
html
source：php.cn
Article précédent：Que faire si les images HTML sont déformées Article suivant：Comment résoudre le problème chinois tronqué de la balise HTML
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Tirer parti des composants VueJS en PHP Je souhaite mélanger le HTML de base généré par les composants Php et VueJS sans avoir à u...
Depuis 2023-11-11 00:01:44
0
2
288
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Le mailer PHP ne fonctionne pas : pas de journal d'erreurs, le message indique envoyé mais non reçu Je ne reçois aucun journal d'erreurs dans le journal des erreurs php de mon serveur Web. J...
Depuis 2023-11-10 15:02:39
0
1
218
v-date-picker pour sélectionner uniquement le mois et l'année S'il vous plaît dites-moi s'il existe un autre moyen de procéder en utilisant v-date-picke...
Depuis 2023-11-10 14:05:05
0
1
269
Le titre réécrit est : SweetAlert2 : les paramètres "onBeforeOpen" sont inconnus J'utilise Laravel5.8 avec Sweetalertv2 et j'essaie de déclencher cette alerte sur Blade av...
Depuis 2023-11-10 09:39:01
0
1
257
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！