Javascript 如何在用户输入时立即获取输入字段的值

我有一个输入字段：

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

$（文档）.ready（函数（）{
var subject=$（“#subject”）.val（）；
$（'.test'）。单击（函数（）{
控制台日志（主题）；
});
});

---

问题是它没有记录值。如果我在刷新时保留该值，它会记录。

为了获得每次更改（包括复制/粘贴、拖动等）的值，需要以以下方式绑定事件：

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

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

它也存在于纯Javascript中，您应该这样绑定它：

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

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

---

为了获得每次更改（包括复制/粘贴、拖动等）的值，需要通过以下方式绑定事件：

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

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

它也存在于纯Javascript中，您应该这样绑定它：

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

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

---

它不会记录输入值，因为一旦页面加载，您就将其值（空字符串）分配给

subject

var。 每次按下按钮时分配：

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

});
</script>

$（文档）.ready（函数（）{
$（'.test'）。单击（函数（）{
var subject=$（“#subject”）.val（）；
控制台日志（主题）；
});
});

它不会记录输入值，因为在页面加载后，您会立即将其值（空字符串）分配给

主题

变量。 每次按下按钮时分配：

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

});
</script>

$（文档）.ready（函数（）{
$（'.test'）。单击（函数（）{
var subject=$（“#subject”）.val（）；
控制台日志（主题）；
});
});

我不知道你到底想要什么，但可能是你在找这个

$（“#主题”）.keyup（函数（）{
var subject=$（this.val（）；
控制台日志（主题）；
});
我不知道你到底想要什么，但可能是你在找这个


$（“#主题”）.keyup（函数（）{
var subject=$（this.val（）；
控制台日志（主题）；
});

按钮上是否使用了
测试
类？按钮上是否使用了
测试
类？