HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>keyboard — lock</title>
</head>
<body>
  <button id="lock" type="button">Lock WASD</button>
  <button id="unlock" type="button">Unlock</button>
  <pre id="out">Click Lock WASD (may need fullscreen / supporting browser).</pre>
  <script>
    var out = document.getElementById("out");
    document.getElementById("lock").onclick = async function () {
      try {
        if (!navigator.keyboard || !navigator.keyboard.lock) {
          throw Error("Keyboard Lock not supported.");
        }
        await navigator.keyboard.lock(["KeyW", "KeyA", "KeyS", "KeyD"]);
        out.textContent = "Locked KeyW / KeyA / KeyS / KeyD";
      } catch (err) {
        out.textContent = String(err.message || err);
      }
    };
    document.getElementById("unlock").onclick = function () {
      if (navigator.keyboard && navigator.keyboard.unlock) {
        navigator.keyboard.unlock();
        out.textContent = "Unlocked";
      } else {
        out.textContent = "unlock() not available";
      }
    };
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

keyboard — lock WASD (Try It)