javascript - 如何获取更改后的输入框值？

Question

我有如下的 jquery，

$(document).on('click', '.save_button', function (e) { 
    var amount = $('.actual_pay').val();
});

这意味着当用户单击类为 save_button 的按钮时，脚本将执行并将 var amount 的值设置为类为 的字段的值>实际支付。

到目前为止没有问题，它工作正常，但是类名 actual_pay 的输入框是可编辑的，任何时候可以更改值，我必须检测输入的更改值盒子，我已经尝试过

var amount = $('.actual_pay').val().change(); 

但是显示错误:

.change is not a function.

如何检测 actual_pay 类发生的变化并将变化的值存储到 amount 变量？

Answer 1

您可以附加一个input 事件监听器。

var amount;
$('.actual_pay').on("input", function(){
  console.log("Something is changed in actual_pay");
  amount = $(this).val(); // save val
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="actual_pay">

调用输入事件的 Action 是

• 在元素中输入一些文本。
• 剪切、删除或粘贴一些内容。
• 将一些内容放入元素中。 (仅适用于 Google Chrome 和 Safari)