<input type =“ number” />は、値が変更されたときにどのイベントを発生させますか？

<input type="number" />上/下矢印がクリックされたときにHTML5 要素が起動するイベントを誰かが知っているかどうか疑問に思っています：

onblurフォーカスが入力フィールドを離れたとき、私はすでにfor を使用しています。

change フィールドの値が変更されたときに発生するイベントです。

HTML5イベントinputも発生すると思います。

jQueryの場合、次のコードがキーボード入力、マウスホイールの変更、Chromeのボタンクリックをカバーし、Firefoxのキーボード入力も処理することがわかりました

$("input[type=number]").bind('keyup input', function(){
    // handle event
});

私はそれを見つけてChrome 19ですべてonkeyupをonchangeカバーしました。これは直接の値入力、上矢印キーの押下、ボタンのクリック、マウスホイールのスクロールを処理します。

onchangeChromeではそれだけで十分ですが、フィールドをテキストボックスとしてのみレンダリングする他のブラウザにはonkeyupバインディングが必要です。バインディングは新しい値を読み取るために完全に機能します。

mousewheelイベントを個別にバインドすることはあまり成功しませんでした。イベントは、フィールド値が更新される前に早すぎるタイミングで発生したため、常にフィールドの以前の値を示しました

onchangeイベントは、ぼかしの上に発射したがoninput、あなたが入力すると、イベントが発生します。oninputイベントにタイマーを設定しonchange、ユーザーが1秒間入力を停止したときにイベントを発生させたいと思うかもしれませんか？

エッジに現在のバグがあり、数字入力で矢印キーを使用すると、変更または入力が起動されません。