How to access events that are data-bound to element in knockout.js

Question

I have date control that looks like this.

<div class="OnTheMoveFormTextBoxContainer">
                       <input data-bind="value: formatDateTime(ko.unwrap(Started)), css: { validationElement: validateItem(Started, 'Started') }, event: {
change: function(d, e) {
    if (Started != $(e)[0].target.value &amp;&amp; dateWheelShown == true) {
        $data.Started(dateToISO($(e)[0].target.value,'DD/MM/YYYY HH:mm'));
    }
}
 }, id: 'Started' + '_' + Id()" data-onthemove_dateformat="DD/MM/YYYY HH:mm" class="Mobile_DateTimePick ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-mini" data-mini="true" name="Started" id="scoller1400844006695" readonly="">
</div>

How could I access data-bound event handlers in knockout.js, I this current case onchange.

I am looking for something like this: ko.contextFor($($('.OnTheMoveFormTextBoxContainer')[3]).find('input')[0]).events

@CubedEye how is that a duplicate? – Matas Vaitkevicius May 23 '14 at 12:57 — Matas Vaitkevicius, May 23 '14 at 12:57

score 1 · Accepted Answer · edited May 23 '17 at 12:20

You can use ko.bindingProvider.instance.getBindings.

Something like (untested):

 ko.bindingProvider.instance.getBindings(
              $($('.OnTheMoveFormTextBoxContainer')[3]).find('input').get(0),
              ko.contextFor($($('.OnTheMoveFormTextBoxContainer')[3]).find('input').get(0).$root
 ).event.change

Update Maybe more like: var x = $($('.OnTheMoveFormTextBoxContainer')[3]).find('input').get(0);

ko.bindingProvider.instance.getBindings(x, ko.contextFor(x)).event

See this thread Access knockout binding from child element

How to access events that are data-bound to element in knockout.js

1 Answers1