We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.


주변의 빛을 감지하는 이벤트를 활용해서 웹페이지나 어플리케이션이 주변 빛의 세기를 감지할 수 있습니다. 사용자 인터페이스의 색상 대비나 사진의 노출을 변경하는 용도로 사용할 수 있습니다.

빛 이벤트

기기의 빛 센서가 빛의 변화를 감지하면 브라우저에 변화를 전달합니다. 브라우저가 이러한 알림을 받으면 정확한 빛의 세기를 알려주는 DeviceLightEvent 이벤트를 발생시킵니다.

이 이벤트는 addEventListener 메서드 (devicelight 이벤트 이름 사용)를 사용하거나 window.ondevicelight 속성에 이벤트 핸들러를 사용함으로서 window 객체 수준에서 캡춰됩니다.

캡춰가 되면 이벤트 객체의 DeviceLightEvent.value 속성을 통해서 럭스(lux) 단위의 빛의 세기를 사용할 수 있습니다.


window.addEventListener('devicelight', function(event) {
  var html = document.getElementsByTagName('html')[0];

  if (event.value < 50) {
  } else {


Specification Status Comment
Ambient Light Sensor
The definition of 'Ambient Light Events' in that specification.
Working Draft Initial specification

브라우저 호환성

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
DeviceLightEvent No support 22.0 (22.0) (Mac OS X only) No support No support No support
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
DeviceLightEvent No support No support 15.0 (15.0) No support No support No support

Gecko 관련 안내

devicelight 이벤트는 안드로이드용 Firefox Mobile for Android (15.0)와 Firefox OS (B2G)에 구현되었고 기본적으로 사용할 수 있게 설정되어 있습니다. Gecko 22.0 (Firefox 22.0 / Thunderbird 22.0 / SeaMonkey 2.19) Mac OS X 데스크탑에서도 사용할 수 있게 먼저 구현되었습니다. Windows 7 지원은 진행중입니다(bug 754199 참고).

참고 자료

문서 태그 및 공헌자

 이 페이지의 공헌자: hyeonseok
 최종 변경: hyeonseok,