如何实时捕获击键并将其添加到 div 元素？

Question

在下面的代码中，我试图获取按键并将其添加到我的 div 元素中。例如：如果我按 "fhjbfwjbj" 等随机键，则应将其添加到 div 中的文本中。 :

<script>
function type()
    {
        var edit = document.getElementById("add");
        edit.innerHTML=edit.innerHTML + //WHAT TO ADD?????;
    }
</script>

<body onkeypress="type()">
<div id="add" style="position:relative; left:600px; top:170px;">

Add to this text

</div>
</body>

Answer 1

将 onkeypress 更改为 onkeyup（不过这只是一个偏好问题），然后您的函数应该接受一个事件参数，例如function type(evt) 并且密钥将在密钥代码属性中，即 evt.keyCode.

Answer 2

像这样：

document.body.onkeypress = function(evt) {
  var edit = document.getElementById("add");
  edit.innerHTML=edit.innerHTML + String.fromCharCode(evt.which || evt.keyCode);
}

如何实时捕获击键并将其添加到 div 元素？

How to capture and add keystrokes to a div element in realtime?

html

javascript

keystrokes