jQuery - 按下字符 - 无论键盘如何

Question

我正在尝试使用 jQuery 检索插入到文本字段/输入中的字符。

我使用通常的：

var character = String.fromCharCode( e.keyCode || e.which );

方法，但当我使用我刚刚注意到的不同键盘布局时，就会出现唯一的问题。

例如，在标准美国键盘上它可以完美运行。例如，在德语键盘上，如果我将语言设置为英语 - 基本上将其渲染为标准美国键盘，当我按下相当于 :;'\,./[]=- 的字符时，我得到了我在键盘上实际看到的德语字符（尽管相应的英语字符已添加到输入中）。

示例：如果我 console.log( character ) 对于以下句子，我得到：

• 在输入中：[]\';/.,
• 在控制台中：我的明显问题是

，如何确保获得真正的字符插入器？

Answer 1

keypress 事件与 keyup 和 keydown 事件不同，因为它包含实际按下的键。尝试使用它来代替。用这个片段检查一下：

$('body').keypress(function(e){
  console.log('keypress', String.fromCharCode( e.which ));
});
$('body').keyup(function(e){
  console.log('keyup', String.fromCharCode( e.which ));
});

Answer 2

您可以做的就是使字符出现在隐藏的文本框中并获取实际值。这样，您将获得角色。您当前正在传递键代码，就像它是字符代码一样。它们不一样。

http://jsfiddle.net/RQQpT/

(function() {
    var input = $("<input>").appendTo('body') // an hidden input element
                            .css({ position: "absolute",
                                   left:     -500,
                                   top:      -500       });

    $('body').bind({ keydown: function(e) {
                         input.focus(); // make characters appear in input element
                     },

                     keyup: function() {
                         var value = input.val(); // get value when key pressed

                         input.val(""); // reset value of input element

                         if(value) {
                             alert(value); // if there is a value, display it
                         }
                     }
                  });
})();