DeviceOrientationEvent

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2023.

* Some parts of this feature may have varying levels of support.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Giao diện DeviceOrientationEvent của Device Orientation Events cung cấp cho các nhà phát triển web thông tin về hướng vật lý của thiết bị đang chạy trang web.

Event DeviceOrientationEvent

Hàm khởi tạo

DeviceOrientationEvent.DeviceOrientationEvent()

Tạo một đối tượng DeviceOrientationEvent mới.

Phương thức tĩnh

DeviceOrientationEvent.requestPermission() Experimental

Yêu cầu quyền của người dùng để truy cập dữ liệu hướng thiết bị. Trả về một Promise giải quyết với chuỗi "granted" hoặc "denied".

Thuộc tính phiên bản

DeviceOrientationEvent.absolute Read only

Một giá trị boolean cho biết thiết bị có cung cấp dữ liệu hướng tuyệt đối hay không.

DeviceOrientationEvent.alpha Read only

Một số biểu thị chuyển động của thiết bị quanh trục z, tính bằng độ với các giá trị trong khoảng từ 0 (bao gồm) đến 360 (không bao gồm).

DeviceOrientationEvent.beta Read only

Một số biểu thị chuyển động của thiết bị quanh trục x, tính bằng độ với các giá trị trong khoảng từ -180 (bao gồm) đến 180 (không bao gồm). Đây biểu thị chuyển động từ trước ra sau của thiết bị.

DeviceOrientationEvent.gamma Read only

Một số biểu thị chuyển động của thiết bị quanh trục y, tính bằng độ với các giá trị trong khoảng từ -90 (bao gồm) đến 90 (không bao gồm). Đây biểu thị chuyển động từ trái sang phải của thiết bị.

DeviceOrientationEvent.webkitCompassHeading Non-standard Read only

Một số biểu thị sự chênh lệch giữa chuyển động của thiết bị quanh trục z của hệ thống thế giới và hướng bắc, tính bằng độ với các giá trị trong khoảng từ 0 đến 360.

DeviceOrientationEvent.webkitCompassAccuracy Non-standard Read only

Độ chính xác của la bàn có nghĩa là độ lệch là dương hoặc âm. Thường là 10.

Ví dụ

js
window.addEventListener("deviceorientation", (event) => {
  console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);
});

Thông số kỹ thuật

Specification
Device Orientation and Motion
# deviceorientation

Tương thích trình duyệt

Xem thêm