Bouillon d'événements JS

**pigpen** · 16/01/2014, 18h42

Bonjour à tous,

Petite question, j'ai entendu aujourd'hui l'expression "bouillon d'événements javascript".

Quelqu'un pourrait m'expliquer le sens de cette expression ?

**NoSmoking** · 16/01/2014, 20h16

Bonjour,

Quelqu'un pourrait m'expliquer le sens de cette expression ?

tout à fait, mais ce n'est pas moi

Présentation des évènements du DOM

L'objectif de cet article, relativement exhaustif, est de permettre de comprendre comment manipuler les évènements DOM en Javascript.

Invité · 17/01/2014, 15h42

Ça ressemble à du jargon pseudo quelque chose d'un type qui veut vendre ce quelque chose.

**Watilin** · 17/01/2014, 17h41

Envoyé par chanyslas

Ça ressemble à du jargon pseudo quelque chose d'un type qui veut vendre ce quelque chose.

Oui c'est du jargon, non ce n'est pas commercial. Le bouillonnement d'évènements est un terme très connu, et si tu penses ce que tu as dit c'est qu'apparemment tu ne le connais pas. Si tu avais su, tu aurais certainement pu apporter une réponse plus constructive.

Invité · 17/01/2014, 18h53

le bouillonnement c'est quand le processeur chauffe trop

plus serieusement c'est vrai que le mot est flou j'ai l'impression que c'est une traduction simpliste du mot anglais bubling personnelement je dirait plutot debordement sa arrive quand des elements son imbriqué et qu'il possedents le meme evenement.

comme je suis plus exemple concret que grosse explication voici un exemple qui met en avant cette phase.

il s'agit de div imbriqué et on s'appercois que quand on clic dans le div le plus haut sa ce repercute sur les autres (bouillonnement) et que pour eviter le bouillonnement on utilise stopPropagation (div vert)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<script type="text/javascript">
function fct4(evt){
	evt.stopPropagation();
	alert(evt.currentTarget.id);
}
function fct3(evt){
	alert(evt.currentTarget.id);
}
function fct2(evt){
	alert(evt.currentTarget.id);
}
function fct1(evt){
	alert(evt.currentTarget.id);
}
</script>
</head>
<body>
<div  onclick='fct1(event)'id='div_gris' style='display:inline-block;height:300px;width:300px;background-color:gray'>
<div  onclick='fct2(event)' id='div_bleu' style='margin:auto;margin-top:30px;height:200px;width:200px;background-color:blue'>
<div  onclick='fct3(event)'id='div_rouge' style='margin:auto;height:80px;width:80px;background-color:red'></div>
<br>
<div  onclick='fct4(event)'id='div_vert' style='margin:auto;margin-top:5px;height:80px;width:80px;background-color:green'></div>
</div>
</div>
</html>

**NoSmoking** · 18/01/2014, 08h10

Envoyé par chanyslas

Ça ressemble à du jargon pseudo quelque chose d'un type qui veut vendre ce quelque chose.

ce passage Les notions de flux et de propagation d'un événement reste quand même clair me semble t-il!

**danielhagnoul** · 18/01/2014, 10h38

Envoyé par mekal

l[...]c'est vrai que le mot est flou j'ai l'impression que c'est une traduction simpliste du mot anglais bubling personnelement je dirait plutot debordement sa arrive quand des elements son imbriqué et qu'il possedents le meme evenement.

Pour moi, la bonne traduction de "event bubbling" c'est simplement "la propagation d'événements".

Bouillon d'événements JS

JavaScript

Vue hybride

Discussions similaires

Partager

Partager