This is an experimental technologyCheck 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();
Specifications
Specification | Status | Comment |
Pointer LockThe definition of 'requestPointerLock()' in that specification. | Candidate Recommendation |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
requestPointerLock
|
Chrome Full support Yes Full support Yes Full support Yes Prefixed' Implemented with the vendor prefix: webkit |
Edge
Full support 13 |
Firefox Full support 50 Full support 50 Full support Yes Prefixed' Implemented with the vendor prefix: moz |
IE
No support No |
Opera
Full support Yes |
Safari
Full support 10 |
WebView Android Full support Yes Full support Yes Full support Yes Prefixed' Implemented with the vendor prefix: webkit |
Chrome Android Full support Yes Full support Yes Full support Yes 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' Implemented with the vendor prefix: webkit |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Requires a vendor prefix or different name for use.'
- Requires a vendor prefix or different name for use.
See also
Element.requestPointerLock() by Mozilla Contributors is licensed under CC-BY-SA 2.5.