Question

我制作了一个简单的代码，在按下某个键时应该改变框的可见性，但是有些问题是错误的，因为无论哪个按钮被按下它总是说错了。

只有在按下“f”键时才会起作用，现在它根本不起作用......

const brick = document.querySelector('.brick');

window.addEventListener('keydown',function(e)
{ 
    e.preventDefault();

    if(e.keycode == 70)
    {
        let x = event.keyCode;
        console.log(x);
        brick.style.visibility = "visible";    
    } else {
        let x = e.keyCode;
        console.log(x);
        console.log("You've pressed wrong button")
        brick.style.visibility ="hidden";
    }

});

Code is Here

我知道我可以使用jquery，但我想在纯JS

中这样做

迎接

Answer 1

轻微的语法错误：

if(e.keycode == 70)

应该是：

if(e.keyCode == 70)

注意资本C。

Answer 2

这可能有帮助。运行代码后，在键盘上按“F”键以查看红色分区

const brick = document.querySelector('.brick');
window.addEventListener('keydown',function(e)
{ 
        e.preventDefault();
        let x = e.keyCode;           
         if(x == 70)
         {
            
            //console.log(x);
            brick.style.visibility = "visible";                     
                    
        }            
         else
        {           
            //console.log(x);
            //console.log("You've pressed wrong button")
             brick.style.visibility ="hidden";
         }
            
  });

.brick
    {
        width:100px;
        height:100px;
        visibility: hidden;
        background-color: red;
        display:block;
    }

 <div class="brick" >
        
 </div>

Keydown事件不会触发函数

2 个答案: