如何在 JS 事件监听器中获取正确的按键语言和大小写？

Question

我有以下 jQuery 事件侦听器来获取文本框中按下的键：

$("#theInput").keyup(function (e) {
    var charCode = e.keyCode || e.which;
    alert(charCode);
    /* rest of the code */
});

我的问题是如何准确获取键入的字母的代码。例如，如果我按 a 键，它将警告“65” - 无论它是 a 还是 A。如果我将输入语言切换为外语（例如日语、中文、泰语）并按a键，它仍然返回“65”而不是不同的代码来让我知道外语字符。

有没有办法解决这个问题，以便提供正确的语言和字母大小写？

Answer 1

您是否阅读过 jQuery doco 来了解 keyup 和 keydown 事件的情况工作？他们应该返回一个键代码（而不是字符代码），而不考虑当时是否按下了shift，尽管 event对象确实有一个shiftKey属性来告诉你shift是否按下了。 keyup 可让您区分与同一字符关联的不同键，这样您就可以判断数字是否是通过数字键盘输入的。

您想要的事件是keypress，它返回区分大小写的字符代码。尽管我已经说过，我不确定它如何适用于外语，并且在任何情况下，整个方法都不允许用户通过从剪贴板粘贴来输入其他文本，所以这是您需要考虑的其他事情。

（顺便说一句，jQuery 标准化了 event.which 属性，因此您不需要首先检查 event.keyCode。）

Answer 2

无论语言如何，密钥都是相同的。您可以使用 .shiftKey 获得这种情况，但最可靠的方法是保存实际字符：

$('#input').keyup(function(e){
  var character = this.value.slice(-1)
  console.log(character)
})

但这过于简化，因为文本可以在末尾以外的其他位置键入。您必须找到光标位置，然后获取相应的字符。