pointerlock/pointerlock-spam-requests-manual.html

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>User agent gracefully handles pointer lock request spam</title>
<link rel="help" href="https://w3c.github.io/pointerlock/" />
  <style>
    html {
      font-family: sans-serif;
    }

    input {
      width: 400px;
    }

  </style>
</head>
<body>
  <h1>Manual test for pointer lock spam handling</h1>
  <p>This page will spam pointer lock requests and free them as soon as the lock
    is acquired. Ideally, the User Agent would have some sort of mechanism to
    prevent the webpage from being too obtrusive of the user experience.</p>
  <p>The
    <a href="https://w3c.github.io/pointerlock/#security">spec</a> states
    that the U.A. can implement whatever mechanism it deems appropriate to
    prevent abuse.
  </p>
  <p><strong>Press spacebar to toggle pointer lock requests on/off.</strong>
    Status: <span id="status">Active</span></p>
  <input id="inputElem" name="name" autofocus value="Interactivity test">
</body>
<script>
  // Constantly spam pointer lock requests and release them as soon as they
  // are acquired.
  let spamActive = true;
  const statusElem = document.getElementById('status');

  setInterval(() => {
    if (spamActive) {
      document.body.requestPointerLock();
    }
  }, 0);
  document.addEventListener('pointerlockchange', () => {
    if (document.pointerLockElement != null) {
      document.exitPointerLock();
    }
  });
  document.addEventListener('keydown', (e) => {
    if (e.code === 'Space') {
      e.preventDefault();
      spamActive = !spamActive;
      statusElem.textContent = spamActive ? 'Active' : 'Stopped';
    }
  });
</script>
</html>