• onkeyup 某个键盘按键被松开时触发
  • onkeydown 某个键盘按键被按下时触发
  • onkeypress 某个键盘按键被按下时触发 但是它不识别功能键比如ctrl shift箭头等 与onkeydown按键的keyCode值不一样

switch(表达式) 表达式为keyCode case是keyCode的值

202104061617695091901447

document.onkeydown = function (e) {
  console.log(e);
  var keyCode = e.keyCode;
  switch (keyCode) {
    case 37:
      console.log('你按的是左键');
      break;
    case 39:
      console.log('你按的是右键');
      break;
    case 38:
      console.log('你按的是上键');
      break;
    case 40:
      console.log('你按的是下键');
      break;
    case 87:
      console.log('你按的是w键');
      break;
    case 65:
      console.log('你按的是a键');
      break;
    case 68:
      console.log('你按的是d键');
      break;
    case 83:
      console.log('你按的是s键');
      break;
  }
}

控制台:

202104061617694920147803