L'interfaceMouseEvent représente les événements qui se produisent lors d'une interaction de l'utilisateur avec un appareil de pointage (tel qu'une souris). Les événements communs utilisant cette interface incluentclick,dblclick,mouseup etmousedown.

MouseEvent dérive deUIEvent, qui lui-même est issu d'Event. Bien que la méthodeMouseEvent.initMouseEvent() soit conservée à des fins de compatibilité descendante, la création d'un objetMouseEvent doit être effectuée à l'aide du constructeurMouseEvent().

Plusieurs événements plus spécifiques sont basés surMouseEvent, y comprisWheelEvent etDragEvent.

Constructeur

MouseEvent()

crée un objetMouseEvent.

Propriétés

Cette interface hérite aussi des propriétés de ses parentsUIEvent etEvent.

MouseEvent.altKeyLecture seule

renvoietrue (vrai) si la touche

alt

est pressée lorsque l'événement est lancé.

MouseEvent.buttonLecture seule

Le chiffre représentant le bouton qui est pressé lorsque l'événement est lancé.

MouseEvent.buttonsLecture seule

Les boutons qui sont pressés alors que l'événement est lancé.

MouseEvent.clientXLecture seule

La coordonnée en X du pointeur de la souris dans les coordonnées locales (contenu du DOM).

MouseEvent.clientYLecture seule

La coordonnée en Y du pointeur de la souris dans les coordonnées locales (contenu du DOM).

MouseEvent.ctrlKeyLecture seule

renvoietrue si la touche

ctrl

est pressée alors que l'événement est lancé.

MouseEvent.metaKeyLecture seule

renvoietrue si la touche

méta

est pressée alors que l'événement est lancé.

MouseEvent.movementXLecture seule

La coordonnée en X du pointeur de la souris relative à la position de la souris lors du dernier événementmousemove lancé.

MouseEvent.movementYLecture seule

La coordonnée en Y du pointeur de la souris relative à la position de la souris lors du dernier événementmousemove lancé.

MouseEvent.offsetXLecture seuleExpérimental

La coordonnée en X du pointeur de la souris relative à la postion du bord de remplissage du noeud cible.

MouseEvent.offsetYLecture seuleExpérimental

La coordonnée en Y du pointeur de la souris relative à la postion du bord de remplissage du noeud cible.

MouseEvent.pageXLecture seuleExpérimental

La coordonnée en X du pointeur de la souris relative au document entier.

MouseEvent.pageYLecture seuleExpérimental

La coordonnée en Y du pointeur de la souris relative au document entier.

MouseEvent.regionLecture seule

renvoie l'identifiant de la région touchée par l'évènement. Si aucune région n'est affectée,null est retourné.

MouseEvent.relatedTargetLecture seule

La seconde cible pour l'événement, s'il y en a une.

MouseEvent.screenXLecture seule

La coordonnée en X du pointeur de la souris de façon globale (par rapport à l'écran).

MouseEvent.screenYLecture seule

La coordonnée en Y du pointeur de la souris de façon globale (par rapport à l'écran).

MouseEvent.shiftKeyLecture seule

renvoietrue si la touche

Maj

est pressée alors que l'événement est lancé.

MouseEvent.whichLecture seule

Le bouton qui est pressé alors que l'événement est lancé.

MouseEvent.mozPressureNon standardLecture seule

La quantité de pression appliquée à un appareil tactile ou tablette lors de la génération de l'événement ; l'amplitude de cette valeur se situe entre 0.0 (pression minimum) et 1.0 (pression maximum).

MouseEvent.mozInputSourceNon standardLecture seule

Le type d'appareil qui a généré l'événement (une des constantesMOZ_SOURCE_* listées ci-dessous). Ceci permet, par exemple, de déterminer si un événement de pointeur est généré par une souris ou par un événement tactile (qui pourrait affecter le degré de précision avec lequel il est possible d'interpréter les coordonnées associées à l'événement).

MouseEvent.webkitForceNon standardLecture seule

La quantité de pression appliquée en cliquant.

MouseEvent.xExpérimentalLecture seule

Alias pourMouseEvent.clientX.

MouseEvent.yExpérimentalLecture seule

Alias pourMouseEvent.clientY.

Constantes

MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWNNon standardLecture seule

Force minimum nécessaire pour un click normal.

MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWNNon standardLecture seule

Force minimum nécessaire pour un click fort.

Les méthodes

Cette interface hérite aussi des méthodes de ses parentsUIEvent etEvent.

MouseEvent.getModifierState()

Retourne l'état actuel de la touche de modification spécifiée. VoirKeyboardEvent.getModifierState() pour plus de détails.

MouseEvent.initMouseEvent()Obsolète

initialise la valeur de l'MouseEvent créé. Si l'évènement a déjà été diffusé, la méthode ne produit rien.

Exemple

Cet exemple illustre la simulation d'un clic (générant par programmation un événement click) sur une case à cocher en utilisant les méthodes DOM.

function simulateClick() {  var evt = new MouseEvent("click", {    bubbles: true,    cancelable: true,    view: window,  });  var cb = document.getElementById("checkbox"); //élément pour cliquer  var canceled = !cb.dispatchEvent(evt);  if (canceled) {    // Un gestionnaire appelé preventDefault    alert("canceled");  } else {    // Aucun des gestionnaires n'est appelé preventDefault    alert("not canceled");  }}document.getElementById("button").addEventListener("click", simulateClick);

<p>  <label><input type="checkbox" /> Checked</label></p><p><button>Click me</button></p>

Cliquez sur le bouton pour voir comment l'exemple fonctionne :

Spécifications

Compatibilité des navigateurs

Voir aussi

• Son parent direct,UIEvent.
• PointerEvent : Pour les événements avancés du pointeur, y compris le multi-touch.