Maison >interface Web >Questions et réponses frontales >Comment implémenter l'interdiction de sélection en HTML

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

藏色散人
藏色散人original
2021-04-12 09:36:262959parcourir

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;
}

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">

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;};

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

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