Увеличение значений текстового поля с помощью клавиш со стрелками в JQuery

Question

У меня есть поле ввода с числовым значением в нем.Когда пользователь нажимает ARROW_UP один раз, число должно увеличиваться на единицу.Когда пользователь нажимает длинную ARROW_UP, число должно быть увеличено с большим значением.

Я ищу решение jQuery, но простое решение на JavaScript тоже подойдет.

Answer 1

// Я не проверял его, но он должен работать, или вам нужно внести некоторые незначительные изменения.// сделать его только числовым

$ ("# txt"). keydown (function (event) {

    if ( event.keyCode == 46 || event.keyCode == 8 ) {
        // dont do anything
    }
    else {
        if (event.keyCode < 48 || event.keyCode > 57 ) {
            event.preventDefault(); 
        }   
    }

});

// для стрелкиклавиши

$ ("txt"). нажатие клавиши (функция (событие) {

var intVal = 0;

if ($("txt").val() != '')
{
   intVal = $("txt").val();
}


if ( event.which == 38 ) 
{
   $("txt").val(intVal + 1);
}

if ( event.which == 40 )  
{
   $("txt").val(intVal - 1);
}

});

Answer 2

В YUI Yahoo есть элементы управления, как и в ExtJS. Если вы хотите использовать свой собственный инструмент, я предлагаю поискать возможности jQuery или ExtJS KeyMap и KeyNav.