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

标签 javascript jquery html

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

$(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 />  

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

最佳答案

您需要使用 输入 事件。当用户随时更改文本框时,它会触发。我希望它能帮助你。

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

关于javascript - 在jquery中动态获取输入标签onkeypress的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45503348/

相关文章:

javascript - jquery:div 未打开到 id-9

javascript - 如何在 JavaScript 过滤器函数中访问 Vue.js 数据变量

javascript - jquery innerWidth/outerWidth 和 javascript clientWidth/offsetWidth 在 chrome 上给出了错误的值

javascript - JSF:一起使用 onclick + actionListener

html - 如何使div从下到上放置

javascript - document.body.scrollTop值固定为0

javascript - 如何使用不同的按钮创建导航列表,以便当我单击按钮时,内容/文本会根据我单击的按钮而改变?

javascript - 不显示div,因为传递的参数(值)的行为类似于字符串,而不是div id

jquery - 导致用户控件中的更新面板从javascript/jquery中进行部分页面刷新

jquery - 使用 jquery 将日期波斯日期选择器转换为公历