JS Events that don't bubble (progress, loadedmetadata, etc)

Question

I found out that certain events on the video/audio tag don't bubble (loadedmetadata, progress, etc). Is this against the standard or is it common for other events?

How am I supposed to know what events are supposed to bubble or not bubble?

score 1 · Accepted Answer · answered May 14 '12 at 00:03

1

You can test it...
readonly attribute boolean bubbles; check this property of the event.

bubbles of type boolean, readonly

Used to indicate whether or not an event is a bubbling event. If the event can bubble the value is true, else the value is false.

w3 source not w3School... :)

answered May 14 '12 at 00:03

gdoron

147,333
58
291
367

The event has to fire before you can get this information correct? – jdw May 14 '12 at 00:07
@JavascriptNewbie. Yes, that's correct. I missed the third option, **google each event** – gdoron May 14 '12 at 00:08

score 1 · Answer 2 · answered May 14 '12 at 00:08

Bubbling events are usually those that need to bubble. Like if you click an element, you are also clicking its parents so it must bubble. But when a progress happens on a media element, it doesn't really happen on its parents the way keyup, click, mouseover etc do.

score 1 · Answer 3 · answered May 14 '12 at 00:16

Look in the specs. gdoron already posted a link to them and explained the each Event has an attribute indicating whether it bubbles or not - only useful when you have the event already.

Yet, look further down in that spec: In the Event module definitions there is an overview of events and whether they bubble or not. Also, you will finde more events in the DOM-Level3-Draft.

Also, you asked progress events. They are only a draft, but in the section about proposed events you can find that they are not supposed to bubble.

JS Events that don't bubble (progress, loadedmetadata, etc)

3 Answers3

Linked