A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation below:

ScreenOrientation - Web APIs | MDN

ScreenOrientation

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.

EventTarget ScreenOrientation Instance properties
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.

Instance methods
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.

Events

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.

Example

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