numbers - 在输入类型字段中递增值(整数)

Question

我有输入文本，我想使用向上或向下键增加其中的数字。

我有:

<input type="text" value="1" name="qty" />

挖掘 stackoverflow 后我发现:Is it possible to handle up/down key in HTML input field?

解决方案是使用:键码 37 - 40 应该可以为您完成。它们映射为 37=左、38=上、39=右、40=下。

但是我如何在我的表单中使用这些代码？是否有 Javascript 函数可以执行此操作(例如:increase() 或decrease()？

谢谢

Answer 1

您可以使用“onkeydown”事件执行类似的操作。

<script type="text/javascript">
function increment(e,field) {
    var keynum

    if(window.event) {// IE 
        keynum = e.keyCode
    } else if(e.which) {// Netscape/Firefox/Opera 
        keynum = e.which
    }
    if (keynum == 38) {
        field.value = parseInt(field.value)+ 1;
    } else if (keynum == 40) {
        field.value = parseInt(field.value) - 1;
    }
    return false;
}
</script>


<input type="text" onkeydown="increment(event, this)" value="10">