javascript - 在jquery中动态获取输入标签onkeypress的值

Question

我想动态地从输入标签中获取值。这是我的脚本代码-

$(document).ready(function () {
       var v = "";
       $("#upload").keypress(function () {
           v = $("#upload").val();
           alert("value = " + v);
       });
       $("#upload").keyup(function () {
           v = $("#upload").val();
           alert("value = " + v);
       });
});

并输入标签，

<input type="text"  name="amount" placeholder="Enter Your Amount" id="upload" required />  

所以当我按下这个输入标签中的数字键时，我想立即获取值。现在它在按下第二个键后在警告框中显示第一个值。但我想同时获取输入值。这怎么可能。

Answer 1

您需要使用INPUT 事件。当用户随时更改文本框时它会触发。希望对您有所帮助。

$(function () {
    var v = "";
    $("#upload").on('input', function () {
        v = $(this).val();
        console.log("value = " + v);
    });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"  name="amount" placeholder="Enter Your Amount" id="upload" />