如何儘快獲取輸入字段的值作爲用戶輸入其

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，你應該將其綁定此方法：

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

Answer 2

，因爲您分配它的值（一個空字符串）subject VAR只要頁面加載它不記錄輸入值。每次按下按鈕時 它分配：

<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" />