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

发布于 2024-12-09 14:38:43 字数 463 浏览 0 评论 0原文

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

我有：

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

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

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

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

谢谢

原文

I have input text and I want to increase the number that is inside using the key up or down.

I have:

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

After digging stackoverflow I found: Is it possible to handle up/down key in HTML input field?

The solution is to use: Keycodes 37 - 40 should do it for you. They map as 37=left, 38=up, 39=right, 40=down.

But How can I use these code in my form? Is there a Javascript function that do this (like : increase() or decrease()?

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦途 2024-12-16 14:38:43

您可以使用“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">

You could do something like this, using the "onkeydown" event.

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

回复收藏 0 原文

~没有更多了~