diff options
author | MDN <actions@users.noreply.github.com> | 2021-06-20 00:37:04 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-06-20 00:37:04 +0000 |
commit | 0d495ad297d9e90ab35f54a822cd5e4e6a670713 (patch) | |
tree | 399dbe0b28db6d16fe7d13444e41b89e02e5ddc6 /files/ko/orphaned/web/api | |
parent | bccf9a19dac45b167f5ea1a427fb682a78b48187 (diff) | |
download | translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.tar.gz translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.tar.bz2 translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ko/orphaned/web/api')
-rw-r--r-- | files/ko/orphaned/web/api/ambient_light_events/index.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/files/ko/orphaned/web/api/ambient_light_events/index.html b/files/ko/orphaned/web/api/ambient_light_events/index.html new file mode 100644 index 0000000000..81046f2e85 --- /dev/null +++ b/files/ko/orphaned/web/api/ambient_light_events/index.html @@ -0,0 +1,65 @@ +--- +title: Using Light Events +slug: orphaned/Web/API/Ambient_Light_Events +tags: + - Ambient Light +translation_of: Web/API/Ambient_Light_Events +original_slug: Web/API/Ambient_Light_Events +--- +<div>{{DefaultAPISidebar("Ambient Light Events")}}{{SeeCompatTable}}</div> + +<p>주변의 빛을 감지하는 이벤트를 활용해서 웹페이지나 어플리케이션이 주변 빛의 세기를 감지할 수 있습니다. 사용자 인터페이스의 색상 대비나 사진의 노출을 변경하는 용도로 사용할 수 있습니다.</p> + +<h2 id="빛_이벤트">빛 이벤트</h2> + +<p>기기의 빛 센서가 빛의 변화를 감지하면 브라우저에 변화를 전달합니다. 브라우저가 이러한 알림을 받으면 정확한 빛의 세기를 알려주는 {{domxref("DeviceLightEvent")}} 이벤트를 발생시킵니다.</p> + +<p>이 이벤트는 {{domxref("EventTarget.addEventListener","addEventListener")}} 메서드 ({{event("devicelight")}} 이벤트 이름 사용)를 사용하거나 {{domxref("window.ondevicelight")}} 속성에 이벤트 핸들러를 사용함으로서 <code>window</code> 객체 수준에서 캡춰됩니다.</p> + +<p>캡춰가 되면 이벤트 객체의 {{domxref("DeviceLightEvent.value")}} 속성을 통해서 럭스(lux) 단위의 빛의 세기를 사용할 수 있습니다.</p> + +<h2 id="예제">예제</h2> + +<pre class="brush: js">window.addEventListener('devicelight', function(event) { + var html = document.getElementsByTagName('html')[0]; + + if (event.value < 50) { + html.classList.add('darklight'); + html.classList.remove('brightlight'); + } else { + html.classList.add('brightlight'); + html.classList.remove('darklight'); + } +});</pre> + +<h2 id="Specifications" name="Specifications">명세</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('AmbientLight', '', 'Ambient Light Events') }}</td> + <td>{{ Spec2('AmbientLight') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="브라우저_호환성">브라우저 호환성</h2> + + + +<p>{{Compat("api.DeviceLightEvent")}}</p> + +<h2 id="같이_보기">같이 보기</h2> + +<ul> + <li>{{domxref("DeviceLightEvent")}}</li> + <li>{{event("devicelight")}}</li> +</ul> |