MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

any-pointer est une caractéristique média CSS (cf. @media) qui peut être utilisée afin de déterminer si un des mécanismes de saisie/d'entrée disponibles est un dispositif de pointage et sa précision le cas échéant.

Syntaxe

La caractéristique any-pointer est définie comme un mot-clé parmi ceux de la liste ci-après.

none
L'appareil ne dispose d'aucun dispositif de pointage.
coarse
Il existe au moins un mécanisme d'entrée qui est un dispositif de pointage et pour lequel la précision est limitée.
fine
Il existe au moins un mécanisme d'entrée qui est un dispositif de pointage et pour lequel la précision est fine.

Note : Plusieurs valeurs peuvent correspondre si l'appareil dispose de dispositifs de pointage différents. Toutefois, la valeur none ne sera utilisée que lorsqu'aucun dispositif de pointage ne sera détecté.

Exemples

HTML

<input id="test" type="checkbox" />
<label for="test">Coucou !</label>

CSS

input[type="checkbox"]:checked {
  background: gray;
}

@media (any-pointer: fine) {
  input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid blue;
  }
}

@media (any-pointer: coarse) {
  input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border: 2px solid red;
  }
}

Résultat

Spécifications

Spécification État Commentaires
Media Queries Level 4
La définition de 'any-pointer' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple 41 Pas de support[2] 20 ou moins (12) Nightly build 28 9 [1]
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support 50 Pas de support[2] 36 ? 9.2

[1] Implémenté par WebKit avec le bug 134822.

[2] Cf. bug 1035774

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,