Style userSelect Property
Exemple
Empêcher la sélection de texte d'un élément <div> :
document.getElementById("myDiv").style.userSelect = "none";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété userSelect définit ou retourne si le texte d'un élément peut être sélectionné ou non.
Si vous double-cliquez sur un texte, il sera sélectionné/surligné. Cette propriété peut être utilisée pour éviter cela.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de Webkit, Moz ou O spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 6.0 Webkit |
79.0 10.0 ms |
69.0 2.0 Moz |
3.1 Webkit | 41.0 15.0 Webkit |
Syntaxe
Renvoyez la propriété userSelect :
object.style.userSelect
Définissez la propriété userSelect :
object.style.userSelect = "auto|none|text|all"
Valeurs de propriété
Parameter | Description |
---|---|
auto | Default. Text can be selected according to the browser's default settings |
none | Prevent text selection |
text | The text can be selected by the user |
all | Text selection is made with one click instead of a double-click |
Détails techniques
Valeur par défaut: | auto |
---|---|
Valeur de retour : | Une chaîne, indiquant si le texte d'un élément peut être sélectionné |
Version CSS | CSS3 |
Plus d'exemples
Exemple
Obtenez la valeur de la propriété "user-select" d'un élément :
document.getElementById("demo").style.userSelect;
Pages connexes
Référence CSS : propriété de sélection de l'utilisateur
❮ Objet de style