javascript - 更改 div bgcolor onkeypress

Question

尝试使用 onkeypress 事件更改我所有 div 的背景颜色。 R = 红色，B = 白色，V = 绿色。当按 R 时它起作用但是当我按 V 或 B 时它给我警报。我试过没有返回，有一个开关(实际上我应该用一个开关来做到这一点)。老师今天取消了课，所以我没能和他一起检查。我要到下周才能见到他。我尝试了 2-3 个小时的事情和其他事情，我完全卡住了请帮助..提前致谢

    window.onkeypress = function colorchange(x)
    { 
        if (x.keyCode == 114)
           { var divs = document.getElementsByTagName("div");
            for(var i = 0; i < divs.length; i++)
            {
            divs[i].style.backgroundColor = "red";
            }return;
           }
        if (x.keycode == 118)
           {
            var divs = document.getElementsByTagName("div");
            for(var i = 0; i < divs.length; i++)
            {
            divs[i].style.backgroundColor = "green";
            }return;
           }
        if (x.keycode == 98)
         {

           var divs = document.getElementsByTagName("div");
            for(var i = 0; i < divs.length; i++)
            {
            divs[i].style.backgroundColor = "white";
            }return;
         }
         else 
         {
             alert("this key doesnt do anything")

         }
    }

Answer 1

变量区分大小写。您有 keycode，它应该是 keyCode。看起来您还应该使用 else if()。

window.onkeypress = function colorchange(x) {
  if (x.keyCode == 114) {
    var divs = document.getElementsByTagName("div");
    for (var i = 0; i < divs.length; i++) {
      divs[i].style.backgroundColor = "red";
    }
    return;
  } else if (x.keyCode == 118) {
    var divs = document.getElementsByTagName("div");
    for (var i = 0; i < divs.length; i++) {
      divs[i].style.backgroundColor = "green";
    }
    return;
  } else if (x.keyCode == 98) {
    var divs = document.getElementsByTagName("div");
    for (var i = 0; i < divs.length; i++) {
      divs[i].style.backgroundColor = "white";
    }
    return;
  } else {
    alert("this key doesnt do anything")
  }
}

body {
background: #eee;
}

div {
width: 100px;
height: 100px;
background: #aaa;
}

<div></div>