javascript - 将击键附加到 div JS

Question

我想知道哪个框架（如果有的话）最能实现捕获击键并将它们附加到“p”元素。我想要实现的是让客户端在键盘上输入一些东西，然后将那个句子或其他东西附加到 html 中，从而在“p”元素中显示它。

重要的提醒; 我不想在给定的按键上调用函数-例如。shift+alt，而不是我想要做的是，将键盘击流流式传输到 html 元素。

Answer 1

您不一定需要该任务的框架。

除了 Kai Christensen 之外，另一个可能可行的选项是在可见屏幕区域之外创建一个文本框，自动将焦点设置到该文本框并为该文本框创建一个更改侦听器。

然后，只要目标元素的内容发生变化，您就可以简单地将其替换为文本框的内容。

这样就省去了手动监听键盘事件、区分大小写字母等的麻烦。

Answer 2

我肯定会使用 jQuery 来捕获键，然后不断地使用包含最新版本更新字符串的相同属性.replace()。Codecademy为这种类型的 jQuery 使用提供了大量的课程。divdiv

不过，并不是说我是专家。我相信其他人的答案比我自己的要好。

Answer 3

像这样的东西？

html

<p id="text"></p>
<input id="textinput"></input>

JS

//Register on keyup, append text from input-field to <p> element.
window.addEventListener("keyup", function () {
    document.getElementById("text").innerHTML=document.getElementById('textinput').value;
});

jsfiddle：https ://jsfiddle.net/vwobq9xf/1/