Element.requestPointerLock()

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The Element.requestPointerLock() method lets you asynchronously ask for the pointer to be locked on the given element.

To track the success or failure of the request, it is necessary to listen for the pointerlockchange and pointerlockerror events at the Document level.

Syntax

instanceOfElement.requestPointerLock();

Specification	Status	Comment
Pointer Lock The definition of 'Element' in that specification.	Candidate Recommendation	Extend the `Element` interface

	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
`requestPointerLock`	Chrome Full support Yes Full support Yes Full support Yes Prefixed Prefixed Implemented with the vendor prefix: webkit	Edge Full support 13	Firefox Full support 50 Full support 50 Full support Yes Prefixed Prefixed Implemented with the vendor prefix: moz	IE ?	Opera Full support Yes	Safari Full support 10	WebView Android Full support Yes Full support Yes Full support Yes Prefixed Prefixed Implemented with the vendor prefix: webkit	Chrome Android Full support Yes Full support Yes Full support Yes Prefixed Prefixed Implemented with the vendor prefix: webkit	Firefox Android Full support Yes	Opera Android Full support Yes	Safari iOS ?	Samsung Internet Android Full support Yes Full support Yes Full support Yes Prefixed Prefixed Implemented with the vendor prefix: webkit

Full support: Full support
Compatibility unknown: Compatibility unknown
Requires a vendor prefix or different name for use.: Requires a vendor prefix or different name for use.