jQuery 键盘事件

Question

使用 jQuery，我想捕获一个键盘事件：

• 在用户从按键上抬起手指之前
• 在键盘事件中的字符已经注册到输入框中。

为了澄清，请查看example。当keypress 触发时，input 的值尚未更新。

[编辑]

显然我不清楚我需要什么。

该函数必须在用户从按键上抬起手指，但在按键的字符被放入输入框之后调用。所以以下方法不起作用：

• keydown：keypress事件时，文本框中的值没有更新
• keypress：keypress事件时，文本框中的值没有更新
• keyup：当用户抬起手指时调用，但为时已晚。

Answer 1

您可以使用input 事件，该事件适用于所有主流浏览器的最新版本：

var input = document.getElementById("your_input_id");
input.oninput = function() {
    alert(input.value);
};

不幸的是，它在 IE value 属性上使用 propertychange 事件：

input.onpropertychange = function() {
    if (window.event.propertyName == "value") {
        alert(input.value);
    }
};

所以常规 JavaScript 回答者 @Andy E 在他的博客上详细介绍了这一点：https://web.archive.org/web/20140626060232/http://whattheheadsaid.com/2011/10/update-html5-oninput-event-plugin-for-jquery

Answer 2

使用keyup event，example on jsFiddle

$("textarea").keyup(function(e){
   alert($(this).val());
});

它发生在你举起钥匙之后。我不知道您想要实现什么，但是您可以在解除密钥（在keydown 或keypress 上）之前存储状态，并在需要时稍后恢复。你也可以stop the output in the keyup event using e.preventDefault()，所以即使key up后也不会注册该区域的值。

Answer 3

您可以监听keydown 事件并将值存储在变量中。该变量将具有新输入之前的值，并且新输入将包含在keyup 事件中

更新：

好的，我误解了您的要求，但是没有一个活动可以满足您的需求。我能想到的模拟这种行为的唯一方法是：

• 收听keydown/keypress
• 从event对象中获取值（获取event.which，然后将其转换为实际值）
• 使用我在原始建议中提到的变量并将新输入连接到它

这是一个小提琴：http://jsfiddle.net/HpXuU/13/

这显然不是一个完美的解决方案，因为它需要一些（有人可能认为不必要的）工作才能正确完成。我建议重新考虑您的需求，但如果这种行为绝对是您所需要的，我认为这是朝着正确方向迈出的一步。

Answer 4

你可以使用setTimeout：

$('input').keypress(function() {
    var that = this;
    setTimeout(function() {
        // read that.value
    }, 0);
});

现场演示： http://jsfiddle.net/HpXuU/8/