Question

在下面的代码中，我试图按下按键并将其添加到我的div元素中。例如：如果我按下随机键，例如＆＃34; fhjbfwjbj＆＃34;它应该添加到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

这样的事情：

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

Answer 2

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

如何实时捕获和添加击键到div元素？

2 个答案: