Exemple
Changer le curseur:
document.getElementById("myP").style.cursor = "pointer"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés du curseur ou retourne le type de curseur à afficher pour le pointeur de la souris.
Support du navigateur
La propriété du curseur est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retourne la propriété du curseur:
object .style.cursor
Définissez la propriété du curseur:
object .style.cursor= Valeurs de propriété Valeur La description alias Le curseur indique un alias de quelque chose doit être créé all-scroll Le curseur indique que quelque chose peut être défilée dans toutes les directions auto Défaut. Le navigateur définit un curseur cell Le curseur indique qu'une cellule (or set of cells) un (or set of cells) peut être choisi context-menu Le curseur indique qu'un menu contextuel est disponible col-resize Le curseur indique que la colonne peut être redimensionnée à l'horizontale copy Le curseur indique quelque chose à copier crosshair Le curseur rendu en forme de croix default Le curseur par défaut e-resize Le curseur indique qu'un bord d'une boîte doit être déplacée à droite (east) ew-resize Indique un curseur de redimensionnement bidirectionnel help Le curseur indique que l'aide est disponible move Le curseur indique quelque chose doit être déplacé n-resize Le curseur indique qu'un bord d'une boîte doit être déplacé vers le haut (north) ne-resize Le curseur indique qu'un bord d'une boîte doit être déplacé vers le haut et à droite (north/east) nesw-resize Indique un curseur de redimensionnement bidirectionnel ns-resize Indique un curseur de redimensionnement bidirectionnel nw-resize Le curseur indique qu'un bord d'une boîte doit être déplacé vers le haut et à gauche (north/west) nwse-resize Indique un curseur de redimensionnement bidirectionnel no-drop Le curseur indique que l'élément traîné ne peut pas être abandonné ici none Aucun curseur est rendu pour l'élément not-allowed Le curseur indique que l'action demandée ne sera pas exécuté pointer Le curseur est un pointeur et indique un lien progress Le curseur indique que le programme est occupé (in progress) row-resize Le curseur indique que la rangée peut être redimensionnée verticalement s-resize Le curseur indique qu'un bord d'une boîte doit être déplacé vers le bas (south) se-resize Le curseur indique qu'un bord d'une boîte doit être déplacée vers le bas et à droite (south/east) sw-resize Le curseur indique qu'un bord d'une boîte doit être déplacée vers le bas et à gauche (south/west) text Le curseur indique le texte qui peut être sélectionné URL Séparées par des virgules liste des URL à curseurs personnalisés. Note: toujours spécifier un curseur générique à la fin de la liste, dans le cas où aucun des curseurs définis URL peuvent être utilisées vertical-text Le curseur indique texte vertical qui peut être sélectionné w-resize Le curseur indique qu'un bord d'une boîte doit être déplacée à gauche (west) wait Le curseur indique que le programme est occupé zoom-in Le curseur indique que quelque chose peut être zoomée zoom-out Le curseur indique que quelque chose peut être zoomée sur initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: auto Valeur de retour: Une chaîne représentant le curseur de la souris affiché lorsque le pointeur de la souris se trouve sur un élément version CSS CSS2
autres exemples
Exemple
Afficher tous les curseurs disponibles:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Essayez vous - même »
Exemple
Retour le type de curseur:
alert(document.getElementById("myP").style.cursor);
Essayez vous - même »
Pages associées
Référence CSS: cursor property
<Style objet