Incrementing value (integer) in an input type field

Question

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

Brian Hoover · Accepted Answer · 2011-10-12 15:29:55Z

3

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

answered Oct 12, 2011 at 15:29

Brian Hoover

7,9652 gold badges31 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Incrementing value (integer) in an input type field

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related