gate mouse events

gate_input.js

// define key that toggles class
const ctrlKeys = ['CapsLock', 'ControlRight'];

// make element to block pointer events
let blockStyle = document.createElement('style')
blockStyle.type = "text/css"
blockStyle.innerText = "* {pointer-events: none !important;}"

// register callback to detect keydown events to gate
document.addEventListener('keydown', (e) => {
  if (ctrlKeys.includes(e.code)) {
    blockStyle.remove();
  }
})

// remove class when commandkeyup
document.addEventListener('keyup', (e) => {
  if (ctrlKeys.includes(e.code)) {
    document.head.appendChild(blockStyle);
  }
})

// append class to document head on load
window.addEventListener('DOMContentLoaded', (e) => {
  document.head.appendChild(blockStyle);
})