Title: NumberSpinner Long Press Increase/Decrease Values
Post by: poeziafree on June 24, 2023, 11:08:18 PM
Hello,
How can we extend the NumberSpinner to allow the long press key to increase or decrease values without clicking the button each time?
Regards,
Title: Re: NumberSpinner Long Press Increase/Decrease Values
Post by: jarry on June 26, 2023, 08:41:08 PM
Please refer to this code. var ns = $('#ns');
function doSpin(target, down) {
var opts = $.data(target, 'numberspinner').options;
var v = parseFloat($(target).numberbox('getValue') || opts.value) || 0;
if (down) {
v -= opts.increment;
} else {
v += opts.increment;
}
$(target).numberbox('setValue', v);
}
var opts = ns.numberspinner('options');
var icon = ns.numberspinner('getIcon', 0);
var spin = icon.find('.spinner-arrow');
spin.on('mousedown.spinner', function (e) {
var down = $(e.target).closest('.spinner-arrow').hasClass('spinner-button-bottom');
opts.longTimer1 = setInterval(function () {
doSpin(ns[0],down);
}, 100)
}).on('mouseup.spinner', function (e) {
clearInterval(opts.longTimer1)
}).on('mouseout.spinner', function (e) {
clearInterval(opts.longTimer1)
})
|