在VS代码中编写“ keyCode”功能时被砍掉

问题描述

Here's js代码的片段，供您参考。在我写过e.keyCode的地方，文本keyCode被削减了，并且旁边出现了一个黄色的灯泡。

document.onkeydown = function(e) {
    console.log("Key code is: ",e.keyCode)
}

解决方法

已弃用键码，不应使用。您应该对大多数Javascript问题熟悉MDN文档：https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

,

改为使用KeyboardEvent.code。

在MDN文档here中查看

您可以使用我的代码段，并从控制台获取有关事件代码的信息（只需按不同的按钮即可查看结果）

window.addEventListener("keydown",function(event) {
  let str = "KeyboardEvent: key='" 
    + event.key + "' | code='" 
    + event.code + "'"; 
  console.log(str);
},true);

,

通过在开头添加事件侦听器来解决此问题。这是代码片段，供您参考。

document.addEventListener('keydown',function(e){
    if(e.keyCode==32){
        hero = document.querySelector('.hero');
        hero.classList.add('animatehero');
        audiojump.play();
}