jQuery .change（）関数が数値入力で大きく遅延しました

Question

JQueryの.change（）関数に "number"型の入力と組み合わせて問題があります。
JSfiddle：全体にポイントを取得します
クイックや汚れモックアップhttps://jsfiddle.net/vtuk69bj/

$('#testInput').change(function(){ 
$('#testDiv').html($('#testInput').val()); 
}) 

すばやく（あるいはないので、すぐに）/減少数を増やすために、入力内の矢印を使用している場合、あなたが見ることができるように、機能が信じられないほど遅延することがあります。

私はキーアップやクリックのようなものを使うことができると知っていますが、それは矢印を使って増減するオプションも、まっすぐな数字を入力することもできません。 2-3 +異なる機能を持たずに私のすべての基地をカバーする方法はありますか？

Answer 1

inputイベントは、入力の値が変更されるといつでも発生します。フォーカスが入力フィールドから失われたとき

$('#testInput').on('input', function() { 
 
    $('#testDiv').html(this.value); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="testInput" type="number" min="1" max="999"> 
 
<div id="testDiv"> 
 
    1 
 
</div>