change event is triggered every time I click the spin buttons

[richardjansenParticipant]

Hi

I need an event that only triggers when I have changed the value by entering text or increase/decrease by clicking the spinning buttons. Unfortunately the spin buttons does make the input loose it’s focus and therefor the ‘change’ event is triggered. That seems unexpected behaviour to me. I need an event that is triggerd when the numberinput AND spin buttons looses focus. Is this possible?

$('.inputMinimumAantal').jqxNumberInput({
                value: viewModel.minimumaantal(),
                spinButtons: true,
                inputMode: 'simple',
                decimalDigits: 0,
                min: 0,
                width: 40,
                height: 25
            }).on('change', function(e) {
                console.log('submit to server using xhr'); // every time I click a spin!
            });

Thanks
Richard

[Peter StoevKeymaster]

Hello Richard,

The “change” event is raised every time you change the number by entering text or clicking a spin button.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[richardjansenParticipant]

Hello Peter

I understood that. Then I need something like a ‘onblur’ event when I leaving the widget (and the spin buttons also). I want the spin buttons to be part of the ‘value inputting’ behaviour, not the ‘value changing’ behaviour. Is that possible?

Richard

[richardjansenParticipant]

A workaround is this:

$('.inputMinimumAantal input').on('blur', function(e) {
    console.log('submit to server using xhr'); // just once when leaving the numberinput
});

[Author]

Posts