Javascript 用于增加或减少值的键盘上下箭头

使用

onkeydown

和

onkeydup

事件增加和减少标签或某些p标签中的值。无需输入文本框（输入）

我有很多例子，但都在文本框中工作

在不使用鼠标的情况下，我需要在（onkeyup或onkeyright）中增加一个值（1,2,3,4…n） 和（n..4,3,2,1）在标签或p标签上的（onkeydown或onkeyleft）按键事件

  <input type="text" size="2" value="1" />


<script>
    var $input = $('label');
    $(document).on('keydown', function(event) {
        if (event.which == 38 || event.which == 104) {
            $input.val((parseInt($input.val()) + 1));
        } else if (event.which == 40 || event.which == 98) {
            $input.val((parseInt($input.val()) - 1));
        }
    });
    </script>

变量$input=$（'label'）；
$（文档）.on（'keydown'，函数（事件）{
if（event.which==38 | | event.which==104）{
$input.val（（parseInt（$input.val（））+1））；
}else if（event.which==40 | | event.which==98）{
$input.val（（parseInt（$input.val（））-1））；
}
});

这在文本框中起作用。。如何在标签中使用此选项尝试以下操作：

var$input=$（'p'）；
$（文档）.on（'keydown'，函数（事件）{
if（event.which==38 | | event.which==104）{
$input.text（（parseInt（$input.text（））+1））；
}else if（event.which==40 | | event.which==98）{
$input.text（（parseInt（$input.text（））-1））；
}
});

0
存储标签的当前值，将其添加到1，然后将其分配到该标签。如果希望它更改标签上的文本，请使用
$input.html（）
而不是
val（）
@BrettEast
$label.text（）
也可以（忽略html标记）