Document: pointerlockchange event

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

This event is not cancelable.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener('pointerlockchange', event => { });

onpointerlockchange = event => { };

A generic Event.

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
Pointer Lock 2.0 # pointerlockchange-and-pointerlockerror-events
Pointer Lock 2.0 # dom-document-onpointerlockchange

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`pointerlockchange_event`	36 22-45	13	50 14-50	No	23 15-32	10.1	37 ≤37-45	36 25-45	50 14-50	24 14-32	No	3.0 1.5-5.0