jQueryで入力の変更を検出していますか？

イベントでjquery .changeを使用inputすると、入力がフォーカスを失ったときにのみイベントが発生します

私の場合、入力値が変更されたらすぐにサービスを呼び出す（値が有効かどうかを確認する）必要があります。どうすればこれを達成できますか？

説明と例のために更新

例：http : //jsfiddle.net/pxfunc/5kpeJ/

方法1. inputイベント

最新のブラウザではinputイベントを使用します。このイベントは、ユーザーがテキストフィールドに入力、貼り付け、元に戻す、基本的に値が別の値に変更されたときに発生します。

jQueryでこれを次のようにします

$('#someInput').bind('input', function() { 
    $(this).val() // get the current value of the input field.
});

jQueryの1.7で始まる、置き換えるbindとon：

$('#someInput').on('input', function() { 
    $(this).val() // get the current value of the input field.
});

方法2. keyupイベント

古いブラウザではkeyupイベントを使用します（これはキーボードのキーが離されると発生します。 "w"が離されると入力値が変更されてkeyupイベントが発生するため、このイベントは一種の誤検知を引き起こす可能性があります。「shift」キーを放すとkeyupイベントが発生しますが、入力は変更されていません。また、ユーザーがコンテキストメニューから右クリックして貼り付けた場合も、このメソッドは起動しません。

$('#someInput').keyup(function() {
    $(this).val() // get the current value of the input field.
});

方法3.タイマー（setIntervalまたはsetTimeout）

制限を回避するためにkeyup、入力の値を定期的にチェックして値の変化を判断するようにタイマーを設定できます。setIntervalまたはsetTimeoutを使用して、このタイマーチェックを実行できます。このSOの質問に著しい答えを参照してください：jQueryのテキストボックスの変更イベントをまたは使用して実施例のためのフィドルを参照focusしてblur、特定の入力フィールドのためのタイマーを起動および停止するイベント

HTML5がある場合：

• oninput （実際に変更が発生したときにのみ発生しますが、すぐに発生します）

それ以外の場合は、入力要素の値の変更を示す可能性のあるこれらすべてのイベントを確認する必要があります。

• onchange
• onkeyup（ない keydownかkeypress、入力の値にまだ新しいキーストロークが含まれていないため）
• onpaste （サポートされている場合）

そして多分：

• onmouseup （これについてはわかりません）

HTML5を使用し、jQueryを使用しない場合は、inputイベントを使用できます。

var input = document.querySelector('input');

input.addEventListener('input', function()
{
    console.log('input changed to: ', input.value);
});

これは、入力のテキストが変更されるたびに発生します。

IE9 +およびその他のブラウザーでサポートされています。

ここjsFiddleでライブしてみてください。

他の人がすでに示唆したように、あなたの場合の解決策は複数のイベントを嗅ぐことです。
この作業を行うプラグインは、多くの場合、次のイベントをリッスンします。

$ input 。オン（'keydown keypress keyup keydown mousedown click mouseup' 、ハンドラーを変更）;

収まると思われる場合はfocus、blurやその他のイベントも追加できます。
ユーザーの行動に応じて実行する追加のプロシージャがブラウザのメモリに読み込まれるため、イベントをリッスンしないでください。

注意： JavaScriptで（jQuery .val()メソッドなどを使用して）入力要素の値を変更しても、上記のイベントは発生しません。
（参照： https : //api.jquery.com/change/）。

要素内で何かが変更されるたびにイベントを発生させたい場合は、keyupイベントを使用できます。

// .blurは、要素がフォーカスを失ったときにトリガーされます

$('#target').blur(function() {
  alert($(this).val());
});

//手動でトリガーするには：

$('#target').blur();

入力HTML要素で使用できるkeyupやkeypressなどのjQueryイベントがあります。さらに、blur（）イベントを使用することもできます。

これは、jQuery 1.7以上を使用した入力に対するすべての変更をカバーします。

$(".inputElement").on("input", null, null, callbackFunction);