Is it possible to trigger a DOM event and make it go down in the DOM tree?

Question

The current dom event model propagates the event from a leaf node (the source of the event) to the top root (document).

My question is this: Is there a way to trigger an event backwards? From body, make it go down the dom to the leaves?

I want to disable all form inputs in my form. They are all jquery ui widgets. I don't keep a reference of the elements in the main form component and when I submit I want to disable all of them. All my widgets bind to a custom dom event, called "field:disable".

why do you want to capture event instead of bubbling it, [jquery does not support capturing](http://stackoverflow.com/questions/6354079/event-capturing-with-jquery) — Arun P Johny, Mar 21 '13 at 13:38
why don't you do `$('#form input').triggerHandler('field:disable')` — Arun P Johny, Mar 21 '13 at 13:40
@WaleedKhan, I have custom widgets like dropdowns, comboboxes and spinners. — Vlad Nicula, Mar 22 '13 at 10:11
@ArunPJohny yeah, I think that's the way to go. Not to pleased about it for some reason but it will have to do. — Vlad Nicula, Mar 22 '13 at 10:11

score 0 · Answer 1 · answered Mar 21 '13 at 13:39

0

Events can only bubble from leaf to root, not the other way around.

You should determine a common class that all your widgets have and then trigger the event manually:

$('.ui-widget').trigger('field:disable');

answered Mar 21 '13 at 13:39

Ja͢ck

166,373
34
252
304

score 0 · Accepted Answer · edited May 23 '17 at 12:14

0

jQuery does not support event capturing, so I think you are stuck with event bubbling.

Why don't you do

$('#form input').trigger('field:disable')

if you do not want to propagate the event

$('#form input').triggerHandler('field:disable')

edited May 23 '17 at 12:14

Community

1
1

answered Mar 21 '13 at 13:41

Arun P Johny

376,738
64
519
520

I was thinking that capture trigger would be less costing compared to a jQuery selector. Oh well, thanks for clarifying. – Vlad Nicula Mar 22 '13 at 10:10

Is it possible to trigger a DOM event and make it go down in the DOM tree?

2 Answers2