jQuery UI Spinner – 能够通过键盘超过“max”

前端之家收集整理的这篇文章主要介绍了jQuery UI Spinner – 能够通过键盘超过“max”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们遇到了jQuery UI微调器的问题.当我们在微调器上设置最大值时,使用微调器按钮时不可能超过此最大值.但是使用键盘我们可以去任何数字.

http://jsfiddle.net/Uygt2/

我们需要允许用户使用键盘.在jQuery UI中是否有针对此的标准解决方案?

正如你在Rab Nawaz的这个(http://jsfiddle.net/Uygt2/4/)更新的小提琴中看到的那样,模糊总是被调用,这导致我们的逻辑运行两次.

解决方法

编辑:处理负数.感谢 Rzassar指出.

您可以使用oninput事件:{‘keyup paste’用于不支持它的旧浏览器}

Demo jsFiddle

$("input").spinner({
    max: 10,min: -10
}).on('input',function () {
    if ($(this).data('onInputPrevented')) return;
    var val = this.value,$this = $(this),max = $this.spinner('option','max'),min = $this.spinner('option','min');
    // We want only number,no alpha. 
    // We set it to prevIoUs default value.         
    if (!val.match(/^[+-]?[\d]{0,}$/)) val = $(this).data('defaultValue');
    this.value = val > max ? max : val < min ? min : val;
}).on('keydown',function (e) {
    // we set default value for spinner.
    if (!$(this).data('defaultValue')) $(this).data('defaultValue',this.value);
    // To handle backspace
    $(this).data('onInputPrevented',e.which === 8 ? true : false);
});

猜你在找的jQuery相关文章