入力フィールドの値が変更されていないか確認してください

Question

私は入力フィールドに値を入力しています。ボタンをクリックするとモーダルが表示され、そこに何かが選択され、入力フィールドに入力されます。

私の問題は、入力フィールドの値が変わるたびにイベントをトリガーしたいということです。私はすでに.changeと.blurを使ってみましたが、トリガーはありません。これは私が試したすべてです

：

$('#myTextbox').on('input', function() { 
    alert("test"); 
}); 

$('#myTextbox').on('change', function() { 
    alert("test"); 
}); 

$('#myTextbox').on('blur', function() { 
    alert("test"); 
}); 

Answer 1

使用event delegation

あなたの質問は、あなたの入力フィールドが動的に生成されていることを述べています。あなたのページが用意できたらDOMには入っていませんでした。

$('body').on('blur', '#myTextbox', function() { 
    alert("test"); 
}); 

FYIでは、changeも使用できます。あなたは、テキストボックスまでsetTimeoutを使用することができます

EDIT

一つの解決策は、値が取り込まなります。

OR

あなたはそれが理由です、DOMAttrModified

$('body').on('DOMAttrModified propertychange paste', '#myTextbox', function() { 
    alert("test"); 
}); 

Reference

Answer 2

$(document).ready(function() { 
    $('#myTextbox').on('blur', function() { 
     alert("test"); 
    }); 
}); 

OR 

$(document).ready(function() { 
    $('#myTextbox').on('change', function() { 
     alert("test"); 
    }); 
}); 

Answer 3

で、次のように使用してみてください、あなたのinputフィールドは、実行時に投入されるかもしれない試すことができますイベントは発生していません。

すべてのイベントを1つの.on()メソッドにバインドできます。時間の無駄を書く必要はありません。