反转数字步进器

时间:2013-09-18 22:53:29

标签: html5 input

有没有办法反转HTML5号码步进器,以便按下使数字变大,反之亦然?

解决任何'为什么?'评论 运动中的击球顺序,如板球或棒球。如果您按移动击球位置变大的顺序。

1 个答案:

答案 0 :(得分:1)

这是一个使用jQuery的快速方法(因为你的样本使用了它):

$(document).ready(function(){
    var step=$('#batpos1');
    var o=+step.val();
    step.change(function(){
        var n=+step.val();
        if(n===o+1){
            --o;
        }else if(n===o-1){
            ++o;
        }else{
            o=n;
        }
        step.val(o);
    });
});

请注意,它也适用于键盘箭头按下,但也适用于手动输入数据时。现在我不知道如何避免这种情况,但如果找到解决方案,我会更新。一个粗略的选择是听取点击,只有在点击的±0.05秒内或类似的情况下发生变化时才应用。

相关问题