jQueryでのinput [type = text]の値変更の検出

特定の入力ボックスの値が変わるたびに関数を実行したい。でほとんど動作し$('input').keyup(function)ますが、たとえば、テキストをボックスに貼り付けても何も起こりません。$input.change(function)入力がぼやけたときにのみトリガーされるので、テキストボックスの値が変更されたときはいつでもすぐにそれを知るにはどうすればよいですか？

'on'は 'bind'関数よりも推奨されることを覚えておいてください。したがって、常に次のようなイベントリスナーを使用するようにしてください。

$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

説明

jQueryの.bind()メソッドを使用してこれを行うことができます。jsFiddleをチェックしてください。

サンプル

HTML

<input id="myTextBox" type="text"/>

jQuery

$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});

詳しくは

• jsFiddleのデモ
• jQuery.bind（）

これを試してください。https： //stackoverflow.com/users/1169519/teemuへのクレジット

ここで私の質問に答えてください： /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

この解決策は、プロジェクトを進めるのに役立ちました。

$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});

注：IEの下位バージョンのpropertychange。

テキストボックスイベントを使用することもできます-

<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}

これを試して

これを試して：

基本的に、各イベントを説明するだけです。

HTML：

<input id = "textbox" type = "text">

jquery：

$("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

$("#textbox").change(function() { 
alert($(this).val());  
}); 

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});

ブラウザの提案を選択

これを試して：

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

これを使用してください：https : //github.com/gilamran/JQuery-Plugin-AnyChange

コンテンツメニュー（マウスの使用）など、入力を変更するすべての方法を処理します

このイベントの組み合わせは私にとってうまくいきました：

$("#myTextBox").on("input paste", function() {
   alert($(this).val()); 
});

忘れないcutかselectEVENTSを！

受け入れられた答えはほぼ完璧ですが、cutおよびselectイベントを忘れています。

cut ユーザーがテキストを切り取ると発生します（CTRL + Xまたは右クリック）

select ユーザーがブラウザの推奨オプションを選択すると発生します

それらも追加する必要があります。

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});