Javascript-从文本框中获取值并将其保存在字符串中

Javascript-从文本框中获取值并将其保存在字符串中,javascript,html,Javascript,Html,我在做一种屏幕键盘,你点击一些形状,字母写在文本区域。不过,我希望它也能与物理键盘配合使用 将文本写入文本区域后。我想将文本保存在字符串上并打印出来 嗯,它可以处理形状,但由于某些原因,它无法识别所写的第一个字符。只有第二个。谢谢大家! 演示: HTML 您可以看到它后面有一个按键,请使用keyup: $('#text').keyup(function(e) { var character = String.fromCharCode(e.which); getText(); })

我在做一种屏幕键盘,你点击一些形状,字母写在文本区域。不过,我希望它也能与物理键盘配合使用

将文本写入文本区域后。我想将文本保存在字符串上并打印出来

嗯,它可以处理形状,但由于某些原因,它无法识别所写的第一个字符。只有第二个。谢谢大家!

演示:

HTML


您可以看到它后面有一个按键,请使用
keyup

$('#text').keyup(function(e) {
    var character = String.fromCharCode(e.which);
    getText();
});

尝试在按键时使用keyup事件

$('#text').keyup(function(e) {
   var character = String.fromCharCode(e.which);
   getText();
});
演示:

keyup
-在键盘上释放键时激发的事件


keypress
-当按下键盘上的某个键时触发事件。

我注意到一些不必要的代码。在
$('#text').keypress()上声明变量
字符
,但不使用它

它不打印初始键盘输入的原因是因为您使用的是
.keypress()
,它会在字符输入之前按下键(嗯,是的)时立即触发。使用
.keyup()
,在输入字符并且用户完成按键操作后将其激活

$('#text').keyup(function(e) {
    var character = String.fromCharCode(e.which);
    getText();
});
$('#text').keyup(function(e) {
   var character = String.fromCharCode(e.which);
   getText();
});