Document: pointerlockchange event

The pointerlockchange event is fired when the pointer is locked/unlocked.

Examples

Using addEventListener():

document.addEventListener('pointerlockchange', (event) => {
  console.log('Pointer lock changed');
});

Using the onpointerlockchange event handler property:

document.onpointerlockchange = (event) => {
  console.log('Pointer lock changed');
};

Specification	Status
Pointer Lock	Candidate Recommendation

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`pointerlockchange` event Experimental	Chrome Full support 45 Full support 45 No support 22 — 45 Prefixed Prefixed Implemented with the vendor prefix: webkit	Edge Full support ≤79	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android Full support 45 Full support 45 No support ? — 45 Prefixed Prefixed Implemented with the vendor prefix: webkit	Chrome Android Full support 45 Full support 45 No support 25 — 45 Prefixed Prefixed Implemented with the vendor prefix: webkit	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android Full support 5.0 Full support 5.0 No support 1.5 — 5.0 Prefixed Prefixed Implemented with the vendor prefix: webkit

Full support: Full support
Compatibility unknown: Compatibility unknown
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
Requires a vendor prefix or different name for use.: Requires a vendor prefix or different name for use.