Pointer lock API - JavaScript

Bruges til at låse og skjule markøren så man kan blive ved med at bevæge markøren uden at være begrænset af skærmens kanter

Introduktion

Pointer lock (MDN Pointer Lock API) bruges til at låse og skjule markøren så man kan bruge musen som man kender det fra "first person shooter"-spil hvor man kan blive ved med at dreje rundt og ikke er begrænset af at markøren når kanten af skærmen.

Demo

Tryk Esc for at komme ud af pointer lock.

POINTER LOCK CUBE DEMO
(PÅ EN SIDE FOR SIG SELV)

POINTER LOCK LANDKORT DEMO
(PÅ EN SIDE FOR SIG SELV)

Browsertest

Browserunderstøttelse af pointer lock

Browser Pointer lock Noget Kan bruge pointer lock uden at være i fuldskærm?
Firefox logo
Firefox 22.0
ja wheel event virker fra Firefox 17 og erstatter mousewheel event ja
Opera logo
Opera 12.15
nej
Safari logo
Safari 5.1.7
nej
Chrome logo
Chrome 25.0.1364.172 m
ja1 ja
Internet Explorer logo
Internet Explorer 10.0.9200.16521
nej
Alle tests er udført på Windows 7 (64-bit)


1 I nogle versioner af Chrome kan pointer lock muligvis aktiveres i about:flags > "Aktiver markørlås" eller med "--enable-pointer-lock" fra kommandoprompt eller genvej.

Screenshots

Når hjemmesiden forsøger at bruge pointer lock kan der komme en besked hvor brugeren kan give tilladelse eller afvise.

Firefox 22.0.
Firefox pointer lock vil du tillade, at musemarkøren skjules på x? Tryk på ESC for at få den vist igen. Skjul musemarkør
Version 30.0.1599.69 m.
chrome pointer lock ønsker at deaktivere din musemarkør Tillad Afvis

Kode

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.