Is there a way to trigger a custom event in javascript, so that it will propagate using the capture model?
I have a hierarchy of elements that I use as a mean to communicate between objects. Each level of the hierarchy represents a sub-family of object. Ideally, I could trigger an event to each family's or sub-family's objects using their common ancestor.
eg:
animals
|_
| mammals
| |_cats
| |_dogs
|_
reptiles
|_alligators
|_dinosaurs
(please no comments on my inadequate taxonomy :) )
I would like to be able to trigger an event for all animals, all mammals or all cats, or event to a single cat instance.
However, I can only find examples of custom events using the bubbling phase, so I want to know if it's me missing something or is this really impossible.
I know I can use event delegation on the root element for all instance, but it will scale really badly (this system needs to handle thousands of events of all types).
Any ideas?