我如何获取jquery .val（）之后的keypress事件？

我有：

$(someTextInputField).keypress(function() {
  alert($(this).val());
});

现在，警报总是在按键之前返回值（例如，该字段为空，我键入“ a”，警报给出“''。然后我键入“ b”，警报给出我“ a” ...）。但是我想要按键后的值-我该怎么做？

背景：我想在文本字段中至少包含一个字符后启用一个按钮。因此，我在每个按键事件上都运行此测试，但是使用返回的val（），结果总是落后一步。对我而言，不能使用change（）事件，因为在离开文本框之前，该按钮一直处于禁用状态。如果有更好的方法，我很高兴听到它！

更改keypress为keyup：

$(someTextInputField).on("keyup", function() {
  alert($(this).val());
});

keypress按下键时keyup触发，释放键时触发。

令人惊讶的是，没有人提到js“输入”事件：

$(someTextInputField).on('input', function() {
  alert($(this).val());
});

推荐的。

https://developer.mozilla.org/zh-CN/docs/Web/Events/input

代替keypress，使用keyup。

或者，您可以使用keydown事件，并将其超时设置为0。

这样，更改将立即应用，而不是在用户停止按住键时应用。

$(someTextInputField).on("keydown", function() {
  setTimeout(function($elem){
    alert($elem.val());
  }, 0, $(this));
});

您可能需要连接onchange事件处理程序，而不是使用任何关键事件。

$(someTextInputField).change(function() {
    alert($(this).val());
});

使用Edit > Paste或单击鼠标右键，然后粘贴将触发更改事件，但不会触发关键事件。请注意，某些浏览器可能会在粘贴上模拟按键事件（尽管我不知道有任何事件），但是您不能指望该行为。

尝试这样的事情：

$('#someField').keypress(function() {
  setTimeout(function() {
    if ($('#someField').val().length > 0)
      $('#theButton').attr('disabled', false);
  }, 1);
});

这只是引入了一个超时，因此在“ keypress”事件循环完成之后，您的代码将在此之后立即运行。这样短的计时器间隔（即使浏览器将其舍入）也不会引起注意。

编辑 -或者您可以像其他人一样使用“ keyup”，尽管其语义不同。