javascript - 如何实时捕获击键并将其添加到 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>

score 3 · Accepted Answer

像这样的东西：

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

score 1 · Accepted Answer

将 onkeypress 更改为 onkeyup （不过，这只是一个偏好问题），然后您的函数应该接受一个事件 arg，例如function type(evt)，键将位于 keyCode 属性中，即evt.keyCode.

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

2 回答 2

Related

Reference