A quick and simple implementation of the pointer lock API.

PointerLockManager.js

class PointerLockManager {

  constructor(elem) {
    this.elem = elem || document.body;
    this.elem.addEventListener('click', this.lock.bind(this));

    document.addEventListener('pointerlockchange', this.onChangeHandler.bind(this));
  }

  isLocked() {
    return document.pointerLockElement === this.elem;
  }

  lock() {
    if(!this.isLocked()){
      this.elem.requestPointerLock();
    }
  }

  unlock() {
    if(this.isLocked()){
      document.exitPointerLock();
    }
  }

  onChangeHandler() {
    console.log('pointer is '+(this.isLocked() ? 'locked' : 'unlocked'));
  }
}

export default PointerLockManager