Baseline 2023 *
Newly available
The ScreenOrientation
interface of the Screen Orientation API provides information about the current orientation of the document.
A ScreenOrientation
instance object can be retrieved using the screen.orientation
property.
ScreenOrientation.type
Read only
Returns the document's current orientation type, one of portrait-primary
, portrait-secondary
, landscape-primary
, or landscape-secondary
.
ScreenOrientation.angle
Read only
Returns the document's current orientation angle.
ScreenOrientation.lock()
Locks the orientation of the containing document to its default orientation and returns a Promise
.
ScreenOrientation.unlock()
Unlocks the orientation of the containing document from its default orientation.
Listen to these events using addEventListener()
or by assigning an event listener to the oneventname
property of this interface.
change
Fired whenever the screen changes orientation.
In the following example, we listen for an orientation change
event and log the new screen orientation type and angle.
screen.orientation.addEventListener("change", (event) => {
const type = event.target.type;
const angle = event.target.angle;
console.log(`ScreenOrientation change: ${type}, ${angle} degrees.`);
});
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4