numbers - 在输入类型字段中递增值（整数）

Question

我输入了文本，我想使用向上或向下键增加里面的数字。

我有：

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

挖掘stackoverflow后我发现：是否可以在HTML输入字段中处理向上/向下键？

解决方案是使用：Keycodes 37 - 40 should do it for you. They map as 37=left, 38=up, 39=right, 40=down.

但是如何在我的表单中使用这些代码？是否有执行此操作的 Javascript 函数（例如：增加（）或减少（）？

谢谢

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">