From 0d495ad297d9e90ab35f54a822cd5e4e6a670713 Mon Sep 17 00:00:00 2001 From: MDN Date: Sun, 20 Jun 2021 00:37:04 +0000 Subject: [CRON] sync translated content --- .../web/api/ambient_light_events/index.html | 63 ++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 files/ru/orphaned/web/api/ambient_light_events/index.html (limited to 'files/ru/orphaned') diff --git a/files/ru/orphaned/web/api/ambient_light_events/index.html b/files/ru/orphaned/web/api/ambient_light_events/index.html new file mode 100644 index 0000000000..9cacc1fffa --- /dev/null +++ b/files/ru/orphaned/web/api/ambient_light_events/index.html @@ -0,0 +1,63 @@ +--- +title: Ambient Light Events +slug: orphaned/Web/API/Ambient_Light_Events +tags: + - Освещённость +translation_of: Web/API/Ambient_Light_Events +original_slug: Web/API/Ambient_Light_Events +--- +
{{DefaultAPISidebar("Ambient Light Events")}}{{SeeCompatTable}}
+ +

События "окружающего света" -  удобный способ уведомить веб-страницу или приложение о каком-либо изменении интенсивности света. Это позволяет им реагировать на такое изменение, например, путём изменения цветового контраста пользовательского интерфейса (UI) или путём изменения экспозиции, необходимой для фотографирования.

+ +

Световые события

+ +

Когда датчик света устройства обнаруживает изменение уровня освещённости, он уведомляет браузер об этом изменении. Когда браузер получает такое уведомление, он вызывает {{domxref("DeviceLightEvent")}} событие, которое предоставляет информацию о точной интенсивности света.

+ +

Это событие может быть захвачено на уровне объектом окна, используя метод {{domxref("EventTarget.addEventListener","addEventListener")}}  (используя имя события {{event("devicelight")}} ) или путём присоединения обработчика событий к свойству {{domxref("window.ondevicelight")}}.

+ +

После того, как захвачен объект события даёт доступ к интенсивности света, выраженного в lux через свойство {{domxref("DeviceLightEvent.value")}}.

+ +

Пример

+ +
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');
+  }
+});
+ +

Характеристики

+ + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("AmbientLight", "", "Ambient Light Events")}}{{Spec2("AmbientLight")}}Initial definition
+ +

Поддержка браузерами

+ +

{{Compat("api.DeviceLightEvent")}}

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf