Question

使用onkeydown和onkeyup事件来增加和减少标签或某些p标签中的值。在文本框中没有必要（输入）

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

不使用鼠标我需要增加一个（1,2,3,4 ... n）（onkeyup或onkeyright）的值和（n ...... 4,3,2,1）（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>

这适用于文本框..我如何在标签中使用它

Answer 1

试试这个：

＆＃13;

var $input = $('p');
$(document).on('keydown', function(event) {
    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));
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="inputValue">0</p>

＆＃13;

你几乎就在那里，但是我改变了它以使其发挥作用：

使用.text()代替.val()
已更改为<p>而非<input>
更新了$input以匹配<p>

要使用<label>标记，只需更改

即可

var $input = $('p');至var $input = $('label');和
<p id="inputValue">0</p>至<label id="inputValue">0</label>

e.g。

＆＃13;

var $input = $('label');
$(document).on('keydown', function(event) {
    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));
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="inputValue">0</label>

＆＃13;

键盘向上和向下箭头用于增加减少值

1 个答案: