javascript - 从 keyPressed 获取字符和代码

Question

function convert(){
    String.fromCharCode();
    var out = document.getElementById("");
}


document.getElementById("=").addEventListener("keypress", convert);

结果应该是

我是 javascript 的新手并且有这个任务，必须完全按照要求的方式完成。我自己试了几个小时，但我仍然需要一些帮助!

提前致谢:)

Answer 1

• 使用insertAdjacentHTML (而不是 el.innerHTML += html )
• 将您的事件监听器附加到 window或 document

使用insertAdjacentHTML()

const EL_output = document.getElementById("output"); // Cache selector

function convert(ev) {
  const html = `You pressed ${ev.key} character code ${ev.keyCode}<br>`;
  EL_output.insertAdjacentHTML('beforeend', html);
}

document.addEventListener('keypress', convert);

<div id="output"></div>

使用Element.innerHTML和 +=

const EL_output = document.getElementById("output"); // Cache selector

function convert(ev) {
  const html = `You pressed ${ev.key} character code ${ev.keyCode}<br>`;
  EL_output.innerHTML += html;
}

document.addEventListener('keypress', convert);

<div id="output"></div>

附言:

将事件监听器附加到实际的 #output元素添加 tabindex="0"属性:<div id="output" tabindex="0"></div>