Question

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

重要通知;我不打算在给定的按键时调用函数 - 例如。 shift + alt，而我正在尝试做的是将键盘流式传输到一个html元素。

Answer 1

您不一定需要一个框架来完成该任务。

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

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

这样可以省去手动收听键盘事件，区分大写和小写字母等的麻烦。

Answer 2

我肯定会使用jQuery捕获密钥，然后SecureRandom.uuid validates_uniqueness_of :your_field .replace() div div，其中{{1}}具有包含最新版本更新字符串的相同属性。 Codecademy为这种类型的jQuery使用提供了很多经验教训。

不过我并不是专家。我确定别人的答案比我自己的答案要好。

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/

将键击附加到div JS

3 个答案: