JavaScript MouseMove Propriétés de l'événement

Question

J'ai lu la page de documentation de Mozilla sur l'événement MouseMove.
Et dans la table des propriétés il y a 2 propriétés que je ne comprends pas comment elles fonctionnent.

La propriété détails qui par la description est: "Un nombre de clics consécutifs qui s'est produit dans un court laps de temps, incrémenté de un."

Quelle dose Mozilla considère consécutive, combien de temps est le temps entre les clics pour assurer le nombre. Puis-je le configurer pour qu'il soit plus court ou plus long?

La propriété boutons, qui state la description avec: "Les boutons enfoncés lorsque l'événement de la souris a été déclenché".

Qu'est-ce qu'un bouton enfoncé? Est-ce l'état du bouton à l'événement mouseup?
Ce n'est pas une mention de cette phase ou état dans le mouseup event ni dans le mousedown event Alors qu'est-ce que c'est?

Answer 1

La propriété details donne le nombre de clics dans un court laps de temps. Le "temps court" est la durée d'un double clic pour être une entrée valide. Dans votre cas particulier lorsque vous déplacez votre souris sur un élément, vous obtiendrez une série d'événements mousemove mais l'événement mousemove ne tient pas compte de la propriété details .. Je suppose que déplacer la souris et cliquer n'a pas beaucoup de sens. Si vous l'essayez avec l'événement click, vous remarquerez comment cela fonctionne.

md.addEventListener("click", e => console.log(e.detail));

#md { 
 
    width: 300px; 
 
    height: 200px; 
 
    text-align: center; 
 
    background-color: thistle; 
 
}

<div id="md">Click</div>

il comptera vos clics jusqu'à ce que la petite durée d'un double-clic est détecté. Je suppose que vous pouvez changer cette fois de l'interface de la souris de votre système d'exploitation.

la propriété des boutons est très clairement expliquée dans MDN comme;

Les boutons enfoncés lorsque l'événement de la souris a été tiré: Bouton gauche = 1, Bouton droit = ​​2, bouton central (roue) = 4, touche 4 (en général, bouton "Navigateur Retour") = 8, 5ème bouton (généralement, "Browser Forward" ) = 16. Si deux boutons ou plus sont enfoncés, renvoie la somme logique des valeurs. Par exemple, si le bouton gauche et le bouton droit sont déprimé, retourne 3.

Il vous indique quel bouton (s) est enfoncée lorsque vous avez votre événement de souris particulier tiré. Cette fois, il est logique avec l'événement mousemove car il vous donne les numéros de bouton comme indiqué dans la description MDN ci-dessus.