輸入型號如何檢查是否改變事件中鍵向上或按鍵向下箭頭按下（鼠標點擊）

Question

我有一個輸入型數字

<input class="item" type="number" min="1" max="500" step="1" value="1" /> 

現在檢查這個元素，我用

的變化

$(".item:input").bind('change', function (e) { 
     //doing something 
} 

現在這個函數中我如何檢查是否向上或向下按下

我尋找類似以下

這個元素的箭頭

$(".item:input").bind('change', function (e) { 
    if(this up arrow pressed){ 
      print(up); 
    }else{ 
      print(down); 
    } 

} 

我該怎麼做？

Answer 1

您可以將舊值輸入的屬性。試試這個

$(document).ready(function(){ 

    // assign oldVal data attribute at once on document ready 
    $(".item:input").data('oldVal', $(".item:input").val()); 

    $(".item:input").change(function(){ 
      //get the newVal on change 
      var newVal = $(this).val(); 
      // get the oldVal from data attribute 
      var oldVal = $(this).data('oldVal'); 
      // do stuff you need here 
      if (newVal > oldVal) { 
       //UP arrow pressed 
      } else { 
       //DOWN arrow pressed 
      } 
      console.log('newVal is ' + newVal + ' oldVal was ' + oldVal); 
      //store the newVal as the oldVal for the next change 
      $(this).data('oldVal', newVal) 
     }) 
     .focus(function(){ 
      // assign oldVal data attribute on input focus 
      $(this).data('oldVal', $(this).val()); 
     }); 

}); 

發了Fiddle爲您

Answer 2

檢查：

$(document).ready(function(){ 

$(".item:input").bind('keyup change click', function (e) { 
     //doing something 
if(e.keyCode == 38) { //Enter keycode 

    alert("up") 
}else if(e.keyCode == 40){ 
    alert("down"); 
} 


}); 

}）;

演示：http://plnkr.co/edit/CjSG5VVYFZXr2tEkna5x?p=preview

Answer 3

只是看看這個小提琴。還沒完成。但你會得到一個知道怎麼做.. fiddle

$(".item:input").bind('keyup click', function (e) { 
     //doing something 
if(e.keyCode == 38) { //Enter keycode 

    alert("up") 
}else if(e.keyCode == 40){ 
    alert("down"); 
} else { 
    $("input").change(function() { 
    if (a> $("input").val()) { 
     alert("down"); 
     a = $("input").val(); 
    } else 
    { 
     a = $("input").val(); 
     alert("up"); 
    } 

    }); 
} 


});