exclusive_access_permissions.html | Explore in Territory

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <button id="keyboard-lock">
    Get keyboard lock
  </button>
  <button id="pointer-lock">
    Get pointer lock
  </button>
  <button id="keybard-and-pointer-lock">
    Get both keyboard lock and pointer lock
  </button>
  <script>
    document.querySelector("#keyboard-lock").addEventListener("click",
      () => {
        navigator.keyboard.lock();
      });
    document.querySelector("#pointer-lock").addEventListener("click",
      () => {
        document.documentElement.requestPointerLock();
      });
    document.querySelector("#keybard-and-pointer-lock").addEventListener(
      "click",
      () => {
        navigator.keyboard.lock();
        document.documentElement.requestPointerLock();
      });

    function click(element) {
      element.click();
    }
  </script>
</body>

</html>

chromium/chrome/test/data/permissions/exclusive_access_permissions.html