Booléen qui indique si l'événement remonte dans le DOM, à l'image d'une bulle dans l'eau
Syntaxe Boolean myEvent.bubbles
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description Ce booléen indique si l'événement myEvent remonte, comme une bulle d'air dans de l'eau, sur chaque noeud du DOM.
Cette remontée peut être arrêtée par stopPropagation().
Exemple 1 : Exemple d'event qui bubbles
Code source
<div id="niveau1" class="captureClick">
<div id="niveau2">
<div id="niveau3">
<div id="btn1" class="btn radius btn-outline cursor-pointer">Cliquez moi : le click remonte jusqu'au div#niveau1</div>
<div id="btn2" class="btn radius btn-outline cursor-pointer">Cliquez moi : le click s'arrête</div>
</div>
</div>
</div>
<script>
/* Gestionnaire d'événement sur le div de niveau supérieur */ document.querySelector("div.captureClick").addEventListener("click", function(myEvent) { console.log("Gestionnaire de clic sur le niveau supérieur depuis div="+myEvent.target.getAttribute("id"));
});
Cliquez moi : le click remonte jusqu'au div#niveau1
Cliquez moi : le click s'arrête
Emulation de la console
Explication
Un div à plusieurs niveaux de profondeur est cliqué.
On remarque que l'événement clic remonte de niveau en niveau sur le clic du div#btn1
Tandis que l'événement est stoppé sur le div#btn2
Page mise à jour le
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="event.bubbles"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='301'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="301"
SELECT * FROM js_exemple WHERE ID='301' ORDER BY ordre
SELECT * FROM js_url WHERE ID='301' ORDER BY ordre
SELECT * FROM js_url WHERE ID='276' ORDER BY ordre
En savoir plus
