← 返回首页
ShadowRoot: pointerLockElement property - Web APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Web
  2. Web APIs
  3. ShadowRoot
  4. pointerLockElement
Theme
  • OS default
  • Light
  • Dark
English (US)
Remember language Learn more

ShadowRoot: pointerLockElement property

The pointerLockElement read-only property of the ShadowRoot interface provides the element set as the target for mouse events while the pointer is locked. It is null if lock is pending, pointer is unlocked, or the target is in another tree.

In this article

Value

An Element or null.

Examples

js
let customElem = document.querySelector("my-shadow-dom-element"); let shadow = customElem.shadowRoot; let pleElem = shadow.pointerLockElement;

Specifications

Specification
Pointer Lock 2.0
# dom-documentorshadowroot-pointerlockelement

Browser compatibility

Enable JavaScript to view this browser compatibility table.

See also

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on Dec 11, 2023 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. Pointer Lock API
  2. ShadowRoot
  3. Instance properties
    1. activeElement
    2. adoptedStyleSheets
    3. clonable
    4. customElementRegistry
    5. delegatesFocus
    6. fullscreenElement
    7. host
    8. innerHTML
    9. mode
    10. pictureInPictureElement
    11. pointerLockElement
    12. serializable
    13. slotAssignment
    14. styleSheets
  4. Instance methods
    1. elementFromPoint()
    2. elementsFromPoint()
    3. getAnimations()
    4. getHTML()
    5. setHTML()
    6. setHTMLUnsafe()
  5. Inheritance
    1. DocumentFragment
    2. Node
    3. EventTarget
  6. Related pages for Pointer Lock API
    1. Document.exitPointerLock()
    2. Document.pointerLockElement
    3. Element.requestPointerLock()
    4. MouseEvent.movementX
    5. MouseEvent.movementY
    6. ShadowRoot.pointerLockElement

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.