用jQuery中的箭頭按鍵遞增textfield值

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功能。