jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 UI Spinner – 能够通过键盘超过“max”全部内容,希望文章能够帮你解决jQuery UI Spinner – 能够通过键盘超过“max”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。