Quels sont les événements bouillonnants js ?

Les événements bouillonnants

js incluent click, dblclick, mouseover, mouseout, mousemove, mousedown, mouseup, keydown, keyup, input, change, submit, focus, blur and scroll, etc. Introduction détaillée : 1. Événement Click, qui est déclenché lorsque l'utilisateur clique sur le bouton de la souris. L'événement click est déclenché sur l'élément cible, puis apparaît sur l'élément parent ;

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

Il existe de nombreux événements de bouillonnement courants en JavaScript. Ces événements sont déclenchés séquentiellement lors du processus de bouillonnement de l'élément cible vers l'élément parent après le déclenchement de l'événement. Voici quelques événements bouillonnants courants :

1. événement de clic : déclenché lorsque l'utilisateur clique sur le bouton de la souris (bouton gauche, bouton du milieu ou bouton droit). L'événement click se déclenche sur l'élément cible, puis bouillonne sur l'élément parent.

2. Événement dblclick : déclenché lorsque l'utilisateur double-clique sur le bouton de la souris (bouton gauche, bouton du milieu ou bouton droit). L'événement dblclick se déclenche sur l'élément cible, puis se propage sur l'élément parent.

3. événement mouseover : déclenché lorsque le pointeur de la souris entre dans l'élément cible. L'événement mouseover se déclenche sur l'élément cible, puis apparaît sur l'élément parent.

4. événement mouseout : déclenché lorsque le pointeur de la souris quitte l'élément cible. L'événement mouseout se déclenche sur l'élément cible, puis se propage sur l'élément parent.

5. événement mousemove : déclenché lorsque le pointeur de la souris se déplace sur l'élément cible. L'événement mousemove se déclenche sur l'élément cible, puis se propage sur l'élément parent.

6. événement mousedown : déclenché lorsque le bouton de la souris est enfoncé. L'événement mousedown se déclenche sur l'élément cible, puis se propage sur l'élément parent.

7. événement mouseup : déclenché lorsque le bouton de la souris est relâché. L'événement mouseup se déclenche sur l'élément cible, puis apparaît sur l'élément parent.

8. événement keydown : déclenché lorsqu'une touche du clavier est enfoncée. L'événement keydown se déclenche sur l'élément cible, puis se propage sur l'élément parent.

9. événement keyup : déclenché lorsqu'une touche du clavier est relâchée. L'événement keyup se déclenche sur l'élément cible, puis se propage sur l'élément parent.

10. Événement d'entrée : déclenché lorsque la valeur de l'élément cible change. L'événement d'entrée se déclenche sur l'élément cible, puis bouillonne sur l'élément parent.

11. Événement de changement : déclenché lorsque la valeur de l'élément cible change et perd le focus. L'événement change se déclenche sur l'élément cible, puis se propage sur l'élément parent.

12. événement de soumission : déclenché lorsque le formulaire est soumis. L'événement submit se déclenche sur l'élément cible, puis apparaît sur l'élément parent.

13. événement de focus : déclenché lorsque l'élément cible obtient le focus. L'événement focus se déclenche sur l'élément cible, puis se propage sur l'élément parent.

14. événement de flou : déclenché lorsque l'élément cible perd le focus. L'événement de flou se déclenche sur l'élément cible, puis bouillonne sur l'élément parent.

15. événement scroll : déclenché lorsque la barre de défilement de l'élément cible défile. L'événement scroll se déclenche sur l'élément cible, puis remonte sur l'élément parent.

Ce ne sont là que quelques exemples courants d'événements bouillonnants. Il existe en fait de nombreux autres événements qui se déclenchent également sur l'élément cible et bouillonnent sur l'élément parent. Lors de l'écriture de code JavaScript, comprendre ces événements bouillonnants peut nous aider à mieux comprendre et gérer le processus de propagation des événements.

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!