とすぐに入力フィールドの値を取得するには、ユーザーがそれに入るとどう

Question

私は、入力フィールドがあります。

<input class="contact-text-filed" maxlength="50" name="subject" id="subject" placeholder="Subject" type="text" value="" /> 

とJS：

<script> 
    $(document).ready(function(){ 
     var subject=$("#subject").val(); 
     $('.test').click(function(){ 
      console.log(subject); 
     }); 
    }); 
</script> 

を問題は、それがログインしていないということです値。私がリフレッシュに値を保持すると、ログに記録されます。

Answer 1

（などをドラッグコピー/貼り付けを含む）すべての変更に値を得るためには、oninputイベントをこのようにバインドすることです：

$('.test').on('input', function(e) { .... }); 

また、純粋なJavaScriptで存在している、あなたはそれを、これを結合しなければなりません方法：あなたがそのsubject VARの値（空の文字列）とすぐにページがロードを割り当てるため

object.oninput = function(){ .... }; 

Answer 2

これは、入力値を記録しません。 はそれをあなたがボタンを押すたびに割り当てます

<script> 
$(document).ready(function(){ 
    $('.test').click(function(){ 
     var subject=$("#subject").val(); 
     console.log(subject); 
    }); 

}); 
</script> 

Answer 3

私はあなたが正確に何をしたいですか知りませんが、あなたはこのを探しているかもしれません。

$('#subject').keyup(function() { 
 
    var subject = $(this).val(); 
 
    console.log(subject); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="contact-text-filed" maxlength="50" name="subject" id="subject" placeholder="Subject" type="text" value="" class="test" />