JQuery의 화살표 키 누르기로 텍스트 필드 값 늘리기

Question

입력 상자에 숫자 값이 있습니다. 사용자가 ARROW_UP을 한 번 누르면 숫자가 1 씩 증가합니다. 사용자가 긴 ARROW_UP 키를 누르면 숫자가 더 큰 값으로 증가해야합니다.

jQuery 솔루션을 찾고 있지만 일반 JavaScript 솔루션도 좋습니다.

Answer 1

// 테스트하지는 않았지만 작동해야합니다. 그렇지 않으면 약간의 조정을해야합니다. // 것은 숫자로 만들려면에만

$ ("#의 TXT")를 keyDown (함수 (이벤트) {

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에는 이에 대한 컨트롤이 있으며 ExtJS도 있습니다. 나만의 도구를 만들고 싶다면 jQuery 또는 ExtJS의 KeyMap 및 KeyNav 기능을 찾아 보는 것이 좋습니다.