html - 倒数步进器

Question

有什么方法可以反转 HTML5 数字步进器，以便按下使数字变大，反之亦然？

解决任何“为什么？” 评论： 运动中的击球顺序，例如板球或棒球。如果您向下移动顺序，您的击球位置会变大。

Answer 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 秒内发生变化时才应用它，或者类似的东西。