Javascript 如何只在div内按下按键？

我试图在一个div内按下按键，但我不知道如何按下按键。目前，当我试图按下该键时，什么也没有发生

我现在的做法是

<div contenteditable="true" id="d"> </div>

<p id="log"></p>


const input = document.querySelector('input');
const log = document.getElementById('log');

document.getElementById("d").addEventListener("onkeyup", logKey)

function logKey(e) {
   log.textContent += ` ${e.code}`;
}

常量输入=document.querySelector（'input'）；
const log=document.getElementById（'log'）；
document.getElementById（“d”）.addEventListener（“onkeyup”，logKey）
功能日志键（e）{
log.textContent+=`${e.code}`；
}

下面是与之对应的JSFIDLE：

---

我该怎么做？

将

onkeyup

更改为

keyup

document.getElementById（“d”）.addEventListener（“keyup”，logKey）

---

试试这个，你的代码有错误

将

onkeyup

替换为仅

keyup

const input=document.querySelector（'input'）；
const log=document.getElementById（'log'）；
document.getElementById（“d”）.addEventListener（“keyup”，logKey）
功能日志键（e）{
log.textContent+=e.code；
}

#d{
宽度：50%；
颜色：红色；
背景颜色：黄色；
}

将

onkeyup

更改为

keyup

const log=document.getElementById（'log'）；
document.getElementById（“d”）.addEventListener（“keyup”，logKey）
功能日志键（e）{
log.textContent+=`${e.code}`；
}

将“onkeyup”更改为“keyup”副本，即如何按下按键的可能副本

e.code

以大写形式给出键请检查：如何只按下键？例如，

e.code

总是用大写字母表示键入的字符，您希望用小写字母表示吗？预期的结果是什么？我想按键。如果我按

s

，那么我期望

s

。如果我按

S

，我希望

S