环境光事件 - 使网页或应用程序了解光强度的任何变化的便捷方法

环境光事件是使网页或应用程序了解光强度的任何变化的便捷方法。它允许他们对这种变化做出反应，例如，通过更改用户界面（UI）的颜色对比度或通过更改拍摄照片所需的曝光度。

注意： 该 API 在 Web Workers 中不可用（它不在 worker 全局上下文中公开）。

灯光事件

当设备的光线传感器检测到光线水平发生变化时，它将通知浏览器该变化。当浏览器收到此类通知时，它将触发 DeviceLightEvent 事件，该事件提供有关确切光强度的信息（以 lux 为单位）。

通过使用 addEventListener 方法（指定 devicelight 事件名称）或将事件处理程序附加到 window 对象的 window.ondevicelight 属性来捕获此事件。

一旦捕获，事件对象就可以通过 DeviceLightEvent.value 属性访问以 lux 表示的光强度。

Not supported for MacBook with Touch Bar and Windows 7 (see bug 754199).

实例

if ('ondevicelight' in window) {
  window.addEventListener('devicelight', function(event) {
    var body = document.querySelector('body');
    if (event.value < 50) {
      body.classList.add('darklight');
      body.classList.remove('brightlight');
    } else {
      body.classList.add('brightlight');
      body.classList.remove('darklight');
    }
  });
} else {
  console.log('不支持 devicelight 事件');
}

规范

规范	状态	备注
Ambient Light Sensor Ambient Light Events 的定义	候选推荐	初始定义

桌面浏览器兼容性

移动浏览器兼容性

1. 参见错误 1462308。

2. 带有 Touch Bar 和 Windows 7 的 MacBook 不支持（请参阅错误 754199 ）。

相关链接

• DeviceLightEvent
• devicelight