Comment annuler la sélection de texte en HTML

En HTML, vous pouvez utiliser l'attribut user-select pour désélectionner le texte. Il vous suffit de définir le code "user-select:none" sur l'élément. L'attribut user-select est utilisé pour définir si l'utilisateur peut sélectionner du texte. Lorsque la valeur est aucune, cela signifie que le texte ne peut pas être sélectionné.

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

L'attribut user-select est un nouvel attribut en CSS3, qui est utilisé pour définir si l'utilisateur peut sélectionner du texte. Il peut être utilisé pour tous les éléments à l'exception des éléments de remplacement. Ce qui suit est une description de l'utilisation principale et des précautions de la sélection par l'utilisateur. Pour plus d'informations, veuillez vous référer à la description du document CSS3 suivant.

(1) Syntaxe

**user-select:**aucun | texte tout élément

**Valeur par défaut : **text

Portée applicable : tous les éléments à l'exception des éléments de remplacement

(2) Description de la valeur

aucun : le texte ne peut pas être sélectionné

texte : le texte peut être sélectionné

all : tout le contenu peut être sélectionné lorsqu’il 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 : le texte peut être sélectionné, mais la plage de sélection est limitée par la limite de l'élément

(3) Description

1. mais prend en charge l'utilisation des balises Attribute onselectstart="return false;" pour obtenir l'effet de user-select:none ; Safari et Chrome prennent également en charge cet attribut de balise

2. .5, mais il est compatible avec IE6-9. De même, il prend également en charge l'utilisation de l'attribut de balise privée unselectable="on" pour obtenir l'effet user-select:none ; l'autre valeur de unselectable est désactivée ; >3. En plus de Chrome et *Safari, dans d'autres navigateurs Dans le navigateur, si le texte est défini sur -ms-user-select:none;, l'utilisateur ne pourra pas commencer à sélectionner du texte dans ce bloc de texte. Cependant, si l'utilisateur commence à sélectionner du texte dans une autre zone de la page, il peut toujours continuer à sélectionner la zone de texte en définissant le texte sur -ms-user-select:none *; . La fonctionnalité de script correspondante est userSelect

(4) Exemple

code CSS :

.box{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

code html :

<div class="box" onselectstart="return false;" unselectable="on">
    这是测试数据
</div>

Effet :

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!