René's URL Explorer Experiment


Title: ポインターロック API - Web API | MDN

Open Graph Title: ポインターロック API - Web API | MDN

Description: ポインターロック API (以前は マウスロック API と呼ばれていました)は、ビューポート内のマウスカーソルの絶対位置だけでなく、時間の経過に伴うマウスの動き(すなわち、デルタ)に基づく入力方法を提供します。これにより、マウスの生の移動量を知ることができ、マウスイベントのターゲットをひとつの要素にロックでき、マウスが一方向へどれだけ移動できるかの制限を除去でき、視野からカーソルを取り除くことができます。これらは、本人視点の 3D ゲームなどで理想的です。

Open Graph Description: ポインターロック API (以前は マウスロック API と呼ばれていました)は、ビューポート内のマウスカーソルの絶対位置だけでなく、時間の経過に伴うマウスの動き(すなわち、デルタ)に基づく入力方法を提供します。これにより、マウスの生の移動量を知ることができ、マウスイベントのターゲットをひとつの要素にロックでき、マウスが一方向へどれだけ移動できるかの制限を除去でき、視野からカーソルを取り除くことができます。これらは、本人視点の 3D ゲームなどで理想的です。

Opengraph URL: https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API

direct link

Domain: developer.mozilla.org

og:localeja
og:imagehttps://developer.mozilla.org/mdn-social-image.46ac2375.png
og:image:typeimage/png
og:image:height1024
og:image:width1024
og:image:altMDN ロゴ
og:site_nameMDN Web Docs
twitter:cardsummary
twitter:creatorMozDevNet
position3

Links:

メインコンテンツへスキップhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#content
検索へスキップhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#search
MDN https://developer.mozilla.org/ja/
HTML: Markup languagehttps://developer.mozilla.org/ja/docs/Web/HTML
Elementshttps://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements
Global attributeshttps://developer.mozilla.org/ja/docs/Web/HTML/Reference/Global_attributes
Attributeshttps://developer.mozilla.org/ja/docs/Web/HTML/Reference/Attributes
See all…https://developer.mozilla.org/ja/docs/Web/HTML/Reference
Responsive imageshttps://developer.mozilla.org/ja/docs/Web/HTML/Guides/Responsive_images
HTML cheatsheethttps://developer.mozilla.org/ja/docs/Web/HTML/Guides/Cheatsheet
Date & time formatshttps://developer.mozilla.org/ja/docs/Web/HTML/Guides/Date_and_time_formats
See all…https://developer.mozilla.org/ja/docs/Web/HTML/Guides
SVGhttps://developer.mozilla.org/ja/docs/Web/SVG
MathMLhttps://developer.mozilla.org/ja/docs/Web/MathML
XMLhttps://developer.mozilla.org/ja/docs/Web/XML
CSS: Styling languagehttps://developer.mozilla.org/ja/docs/Web/CSS
Propertieshttps://developer.mozilla.org/ja/docs/Web/CSS/Reference/Properties
Selectorshttps://developer.mozilla.org/ja/docs/Web/CSS/Reference/Selectors
At-ruleshttps://developer.mozilla.org/ja/docs/Web/CSS/Reference/At-rules
Valueshttps://developer.mozilla.org/ja/docs/Web/CSS/Reference/Values
See all…https://developer.mozilla.org/ja/docs/Web/CSS/Reference
Box modelhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Box_model/Introduction
Animationshttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Animations/Using
Flexboxhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
Colorshttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Colors/Applying_color
See all…https://developer.mozilla.org/ja/docs/Web/CSS/Guides
Column layoutshttps://developer.mozilla.org/ja/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts
Centering an elementhttps://developer.mozilla.org/ja/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element
Card componenthttps://developer.mozilla.org/ja/docs/Web/CSS/How_to/Layout_cookbook/Card
See all…https://developer.mozilla.org/ja/docs/Web/CSS/How_to/Layout_cookbook
JavaScript: Scripting languagehttps://developer.mozilla.org/ja/docs/Web/JavaScript
Standard built-in objectshttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects
Expressions & operatorshttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators
Statements & declarationshttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements
Functionshttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions
See all…https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference
Control flow & error handinghttps://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Control_flow_and_error_handling
Loops and iterationhttps://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Loops_and_iteration
Working with objectshttps://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Working_with_objects
Using classeshttps://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Using_classes
See all…https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide
Web APIs: Programming interfaceshttps://developer.mozilla.org/ja/docs/Web/API
File system APIhttps://developer.mozilla.org/ja/docs/Web/API/File_System_API
Fetch APIhttps://developer.mozilla.org/ja/docs/Web/API/Fetch_API
Geolocation APIhttps://developer.mozilla.org/ja/docs/Web/API/Geolocation_API
HTML DOM APIhttps://developer.mozilla.org/ja/docs/Web/API/HTML_DOM_API
Push APIhttps://developer.mozilla.org/ja/docs/Web/API/Push_API
Service worker APIhttps://developer.mozilla.org/ja/docs/Web/API/Service_Worker_API
See all…https://developer.mozilla.org/ja/docs/Web/API
Using the Web animation APIhttps://developer.mozilla.org/ja/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
Using the Fetch APIhttps://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch
Working with the History APIhttps://developer.mozilla.org/ja/docs/Web/API/History_API/Working_with_the_History_API
Using the Web speech APIhttps://developer.mozilla.org/ja/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API
Using web workershttps://developer.mozilla.org/ja/docs/Web/API/Web_Workers_API/Using_web_workers
All web technologyhttps://developer.mozilla.org/ja/docs/Web
Accessibilityhttps://developer.mozilla.org/ja/docs/Web/Accessibility
HTTPhttps://developer.mozilla.org/ja/docs/Web/HTTP
URIhttps://developer.mozilla.org/ja/docs/Web/URI
Web extensionshttps://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions
WebAssemblyhttps://developer.mozilla.org/ja/docs/WebAssembly
WebDriverhttps://developer.mozilla.org/ja/docs/Web/WebDriver
See all…https://developer.mozilla.org/ja/docs/Web
Mediahttps://developer.mozilla.org/ja/docs/Web/Media
Performancehttps://developer.mozilla.org/ja/docs/Web/Performance
Privacyhttps://developer.mozilla.org/ja/docs/Web/Privacy
Securityhttps://developer.mozilla.org/ja/docs/Web/Security
Progressive web appshttps://developer.mozilla.org/ja/docs/Web/Progressive_web_apps
Learn web developmenthttps://developer.mozilla.org/ja/docs/Learn_web_development
Getting started moduleshttps://developer.mozilla.org/ja/docs/Learn_web_development/Getting_started
Core moduleshttps://developer.mozilla.org/ja/docs/Learn_web_development/Core
MDN Curriculumhttps://developer.mozilla.org/en-US/curriculum/
Check out the video course from Scrimba, our partnerhttps://scrimba.com/frontend-path-c0j?via=mdn-learn-navbar
Structuring content with HTML modulehttps://developer.mozilla.org/ja/docs/Learn_web_development/Core/Structuring_content
CSS styling basics modulehttps://developer.mozilla.org/ja/docs/Learn_web_development/Core/Styling_basics
CSS layout modulehttps://developer.mozilla.org/ja/docs/Learn_web_development/Core/CSS_layout
Dynamic scripting with JavaScript modulehttps://developer.mozilla.org/ja/docs/Learn_web_development/Core/Scripting
Playgroundhttps://developer.mozilla.org/en-US/play
HTTP Observatoryhttps://developer.mozilla.org/en-US/observatory
Border-image generatorhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator
Border-radius generatorhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator
Box-shadow generatorhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator
Color format converterhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Colors/Color_format_converter
Color mixerhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Colors/Color_mixer
Shape generatorhttps://developer.mozilla.org/ja/docs/Web/CSS/Guides/Shapes/Shape_generator
About MDNhttps://developer.mozilla.org/en-US/about
Advertise with ushttps://developer.mozilla.org/en-US/advertising
Communityhttps://developer.mozilla.org/en-US/community
MDN on GitHubhttps://github.com/mdn
Bloghttps://developer.mozilla.org/en-US/blog/
開発者向けのウェブ技術https://developer.mozilla.org/ja/docs/Web
Web APIhttps://developer.mozilla.org/ja/docs/Web/API
ポインターロック APIhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API
https://github.com/orgs/mdn/discussions/739
https://developer.mozilla.org/de/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/es/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/fr/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/ru/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/zh-CN/docs/Web/API/Pointer_Lock_API
https://developer.mozilla.org/zh-TW/docs/Web/API/Pointer_Lock_API
コミュニティーについてもっと知り、仲間になるにはこちらから。https://developer.mozilla.org/ja/docs/MDN/Community/Contributing/Translated_content#アクティブなロケール
https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API
Tell us why.https://github.com/web-platform-dx/developer-signals/issues/40
もっと詳しく https://developer.mozilla.org/ja/docs/Glossary/Baseline/Compatibility
完全な互換性情報を見る https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#ブラウザーの互換性
基本概念https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#基本概念
メソッド/プロパティの概要https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#メソッドプロパティの概要
pointerlockchange イベントhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#pointerlockchange_イベント
pointerlockerror イベントhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#pointerlockerror_イベント
Mouse イベントの拡張https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#mouse_イベントの拡張
シンプルな例のウォークスルーhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#シンプルな例のウォークスルー
iframe の制限https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#iframe_の制限
仕様書https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#仕様書
ブラウザーの互換性https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#ブラウザーの互換性
関連情報https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#関連情報
基本概念https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#基本概念
マウスキャプチャhttps://developer.mozilla.org/ja/docs/Web/API/Element/setCapture
メソッド/プロパティの概要https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#メソッドプロパティの概要
requestPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#requestpointerlock
全画面 APIhttps://developer.mozilla.org/ja/docs/Web/API/Fullscreen_API
requestPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Element/requestPointerLock
既定のロック解除ジェスチャhttps://w3c.github.io/pointerlock/#dfn-default-unlock-gesture
エンゲージメントジェスチャhttps://w3c.github.io/pointerlock/#dfn-engagement-gesture
requestPointerLockhttps://w3c.github.io/pointerlock/#dom-element-requestpointerlock
https://w3c.github.io/pointerlock/#extensions-to-the-element-interfacehttps://w3c.github.io/pointerlock/#extensions-to-the-element-interface
pointerLockElement と exitPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#pointerlockelement_と_exitpointerlock
Documenthttps://developer.mozilla.org/ja/docs/Web/API/Document
pointerLockElementhttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerLockElement
Documenthttps://developer.mozilla.org/ja/docs/Web/API/Document
exitPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Document/exitPointerLock
pointerLockElementhttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerLockElement
Document.exitPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Document/exitPointerLock
requestPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Element/requestPointerLock
pointerlockchangehttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerlockchange_event
pointerlockerrorhttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerlockerror_event
pointerlockchange イベントhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#pointerlockchange_イベント
requestPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Element/requestPointerLock
exitPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Document/exitPointerLock
pointerlockchangehttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerlockchange_event
pointerlockerror イベントhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#pointerlockerror_イベント
requestPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Element/requestPointerLock
exitPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Document/exitPointerLock
pointerlockerrorhttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerlockerror_event
Mouse イベントの拡張https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#mouse_イベントの拡張
MouseEventhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent
movementXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementX
movementYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementY
MouseEventhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent
screenXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/screenX
screenYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/screenY
mousemovehttps://developer.mozilla.org/ja/docs/Web/API/Element/mousemove_event
ロックされた状態https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#ロックされた状態
MouseEventhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent
clientXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/clientX
clientYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/clientY
screenXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/screenX
screenYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/screenY
movementXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementX
movementYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementY
movementXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementX
movementYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementY
ロックが解除された状態https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#ロックが解除された状態
movementXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementX
movementYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementY
movementXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementX
movementYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementY
シンプルな例のウォークスルーhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#シンプルな例のウォークスルー
シンプルな ポインターロックのデモhttps://mdn.github.io/dom-examples/pointer-lock/
ソースコードを確認するhttps://github.com/mdn/dom-examples/tree/master/pointer-lock
https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/canvas
requestAnimationFrame()https://developer.mozilla.org/ja/docs/Web/API/Window/requestAnimationFrame
iframe の制限https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#iframe_の制限
仕様書https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#仕様書
Pointer Lock 2.0https://w3c.github.io/pointerlock/
ブラウザーの互換性https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#ブラウザーの互換性
api.Document.exitPointerLockhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#api.Document.exitPointerLock
api.Element.requestPointerLockhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#api.Element.requestPointerLock
関連情報https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API#関連情報
MouseEventhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent
協力方法を知るhttps://developer.mozilla.org/ja/docs/MDN/Community/Getting_started
MDN の貢献者https://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API/contributors.txt
GitHub でこのページを表示https://github.com/mdn/translated-content/blob/main/files/ja/web/api/pointer_lock_api/index.md?plain=1
このコンテンツに関する問題を報告https://github.com/mdn/translated-content/issues/new?template=page-report-ja.yml&mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FAPI%2FPointer_Lock_API&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60ja%2Fweb%2Fapi%2Fpointer_lock_api%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FAPI%2FPointer_Lock_API%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fblob%2Fmain%2Ffiles%2Fja%2Fweb%2Fapi%2Fpointer_lock_api%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fcommit%2F30d5924316396fe2de48f61252dcd1e85b39c13b%0A*+Document+last+modified%3A+2024-07-28T08%3A29%3A58.000Z%0A%0A%3C%2Fdetails%3E
ポインターロック APIhttps://developer.mozilla.org/ja/docs/Web/API/Pointer_Lock_API
Document.pointerLockElementhttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerLockElement
MouseEvent.movementXhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementX
MouseEvent.movementYhttps://developer.mozilla.org/ja/docs/Web/API/MouseEvent/movementY
ShadowRoot.pointerLockElementhttps://developer.mozilla.org/ja/docs/Web/API/ShadowRoot/pointerLockElement
Element.requestPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Element/requestPointerLock
Document.exitPointerLock()https://developer.mozilla.org/ja/docs/Web/API/Document/exitPointerLock
Document: pointerlockchangehttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerlockchange_event
Document: pointerlockerrorhttps://developer.mozilla.org/ja/docs/Web/API/Document/pointerlockerror_event
MDNhttps://developer.mozilla.org/
https://github.com/mdn/
https://bsky.app/profile/developer.mozilla.org
https://x.com/mozdevnet
https://mastodon.social/@mdn
https://developer.mozilla.org/en-US/blog/rss.xml
MDN について https://developer.mozilla.org/en-US/about
ブログ https://developer.mozilla.org/en-US/blog/
Mozilla 求人 https://www.mozilla.org/en-US/careers/listings/
広告掲載について https://developer.mozilla.org/en-US/advertising
MDN Plus https://developer.mozilla.org/en-US/plus
Product help https://support.mozilla.org/products/mdn-plus
MDN コミュニティ https://developer.mozilla.org/en-US/community
コミュニティリソース https://developer.mozilla.org/en-US/docs/MDN/Community
執筆ガイドライン https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines
MDN Discord https://developer.mozilla.org/discord
MDN on GitHub https://github.com/mdn
ウェブ技術 https://developer.mozilla.org/en-US/docs/Web
ウェブ開発を学ぶ https://developer.mozilla.org/en-US/docs/Learn_web_development
ガイド https://developer.mozilla.org/en-US/docs/MDN/Guides
チュートリアル https://developer.mozilla.org/en-US/docs/MDN/Tutorials
用語集 https://developer.mozilla.org/en-US/docs/Glossary
Hacks blog https://hacks.mozilla.org/
Mozillahttps://www.mozilla.org/
ウェブサイトのプライバシー通知https://www.mozilla.org/privacy/websites/
テレメトリー設定https://www.mozilla.org/en-US/privacy/websites/data-preferences/
法的情報https://www.mozilla.org/about/legal/terms/mozilla
コミュニティ参加ガイドラインhttps://www.mozilla.org/about/governance/policies/participation/
クリエイティブ・コモンズ・ライセンスhttps://developer.mozilla.org/docs/MDN/Writing_guidelines/Attrib_copyright_license

Viewport: width=device-width, initial-scale=1.0


URLs of crawlers that visited me.