Classification des événements en JavaScript

Nous savons tous qu'il existe de nombreux types d'événements en JavaScript, et ils sont très couramment utilisés. L'important est qu'ils ne sont pas faciles à retenir lorsqu'on écrit sur des Événements JavaScript<.>, il suffit de le lire Une fois, ce n'était pas facile à trouver quand je le cherchais, ce qui était un casse-tête, alors classons les événements en JavaScript

Événements par clic de souris mousedown, mousemove, mouseout, dblclick (double-clic), menu contextuel (menu contextuel)

événement de molette de la sourismousewheel Événement de roue, adapté à IE /Google Safari, DOMMouseScroll–> L'événement de molette de défilement privé de Firefox ne peut être lié qu'à l'aide de addEventListener().
e.wheelDelta > 0 signifie que la roue est levée. e.wheelDelta < 0 signifie que la roue est en panne. e.detail<0 signifie que la molette de défilement est vers le haut, e.detail>0 signifie que la molette de défilement est vers le bas, propriété privée de Firefox.

Événements du clavier keypress, keydown, keyup
keydown peut détecter tous les claviers, y compris les touches physiques et les touches auxiliaires [ctrl, shift, alt , f1...]
la pression sur une touche ne peut détecter que les touches physiques [caractères, lettres, chiffres, symboles, espaces], et peut détecter les lettres majuscules et minuscules, et détecter la touche sur laquelle vous appuyez e.keyCode

Événement d'écran tactile touchstart, déclenché lorsque le doigt appuie sur l'écran
touchmove, déclenché lorsque le doigt glisse sur l'écran
touchend, déclenché lorsque le doigt quitte l'écran
touchcancel, annulation d'événement sur écran tactile

Événement d'animation Zoom pincer le point de départ du geste de zoom
pincer le point final du geste de zoom
pincer le geste de zoom
pincer le rétrécissement
pincer le zoom avant
faire pivoter la rotation à gauche faire pivoter à gauche
faire pivoter à droite faire pivoter à droite
faire pivoter la rotation
faire glisser le point de départ du geste de glissement
faire glisser le glissement en cours
point final du geste de glissement
glisser vers la gauche
glisser vers la droite
glisser vers le haut
glisser vers le bas
glisser
glisser démarrer glisserdéplacer l'écran
faites glisser faites glisser le geste
Faites glisser et faites glisser l'écran
Gestez faites glisser faites glisser
Appuyez longuement et maintenez Appuyez longuement sur l'écran
Appuyez sur Cliquez sur l'écran

Événement de formulaire
onchange[Lorsque l'élément du formulaireliste déroulante change], oninput[lorsque la zone de texte est saisie]
onsubmit[quand le formulaire est soumis]

onfocus[Obtenir le focus] onblur[Focus perdu]

Deux façons de lier un événement. on et addEventListener()

1. Lors de la liaison d'événement Les événements liés par on peuvent être transmis et peuvent être définis sur NULL Supprimer.
Les événements On ne peuvent être ajoutés qu'à la phase bouillonnante de l'événement.

2. addEventListener() Les événements liés via addEventListener(type, handle, boolean) peuvent être
supprimés via removeEventListener(type, handle, boolean) . boolean est faussement lié à la phase bouillonnante de l'événement. Se lie à la phase de capture de l'événement.

Evénement bouillonnant et capture
Empêcher le bouillonnement : Pour les événements liés par on, utilisez e .cancelBubble = true ;
addEventListener utilise e.stopPropagation() pour empêcher la propagation des événements

Empêcher l'événement par défaut 1 return false;
Ce n'est peut-être pas le plus détaillé, mais ce sont les plus couramment utilisés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!