Maison > interface Web > tutoriel HTML > Comment désactiver la sélection de texte en HTML

Comment désactiver la sélection de texte en HTML

青灯夜游
Libérer: 2021-12-13 13:48:46
original
6749 Les gens l'ont consulté

En HTML, vous pouvez utiliser l'attribut user-select pour interdire la sélection de texte. Il vous suffit d'ajouter le style "user-select:none;" à l'attribut user-select pour définir si l'utilisateur est utilisé. peut sélectionner du texte lorsque la valeur est définie sur "aucun" pour désactiver la sélection du texte.

Comment désactiver la sélection de texte en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3. "Interdire la sélection du texte en HTML"

tous : Peut être sélectionné lorsque tout le contenu est pris dans son ensemble. Si vous double-cliquez ou cliquez contextuellement sur un élément enfant, la partie sélectionnée sera l'élément ancêtre le plus élevé remontant à cet élément enfant.

élément :

Vous pouvez sélectionner du texte, mais la plage de sélection est limitée par la limite de l'élément
  • Remarque :

  • 1. IE6-9 ne prend pas en charge cet attribut, mais prend en charge l'utilisation de l'étiquette. attributs

    onselectstart ="return false;" pour obtenir l'effet de user-select:none ; Safari et Chrome prennent également en charge cet attribut de balise

    2. n'est toujours pas pris en charge jusqu'à Opera12.5 , mais comme IE6-9, il prend également en charge l'utilisation d'attributs de balises privées
  • unselectable="on"
  • pour obtenir l'effet de user-select : none; une autre version de unselectable La valeur est désactivée ;

    3 Sauf pour Chrome et Safari, dans les autres navigateurs, si le texte est défini sur -ms-user-select:none;, l'utilisateur ne pourra pas sélectionner le bloc de texte dans le bloc de texte. Commencez à sélectionner le texte dans . Cependant, si l'utilisateur commence à sélectionner du texte dans d'autres zones de la page, il peut toujours continuer à sélectionner la zone de texte avec le texte défini sur <code>-ms-user-select:none;; .Script correspondant L'attribut est userSelect

    .
  • html

    user-select: none |text| all | element;
    Copier après la connexion

    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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal