キーボードの値を取得する

キーボードの値を取得するには、次のようにします。

index.js

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8" />
  <title>sample</title>
  <script src="script.js"></script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>

script.js

window.addEventListener("keydown", (e)=>{
  const key = e.key;
  const code  = e.code;

  console.log("key:" + key);
  console.log("code:" + code);


  // 値は boolean
  const onShift = e.shiftKey;
  const onCtrl  = e.ctrlKey;
  const onAlt   = e.altKey;
  const onMeta  = e.metaKey;

  console.log(onShift);
  console.log(onCtrl);
  console.log(onAlt);
  console.log(onMeta);
});