Page 124 - 6108

Тому зараз в цілому все значення повертаються саме остаточні, крім деяких
невеликих глюків в браузерах, які поступово очищаються.
let elem = document.getElementById("elem-container");
let height = window.getComputedStyle(elem,
null).getPropertyValue("height");
Метод getPropertyValue() дозоляє отримати значення певної
властивості.

Тема 3.5 Обробка подій

3.5.1 Події

Для реакції на дії користувача і внутрішньої взаємодії скриптів існують
події.
В JavaScript є наступні типи подій:
– Події миші (переміщення курсору, натискання миші і т.д.)
– Події клавіатури (натискання або відпускання клавіші клавіатури)
– Події життєвого циклу елементів (наприклад, подія завантаження веб-
станиці)
– Події елементів форм (натискання кнопки на формі, вибір елемента в
списку, що випадає і т.д.)
– Події, що виникають при зміні елементів DOM
– Події, що виникають при торканні на сенсорних екранах
– Події, що виникають при виникненні помилок
Обробники подій
Події можна призначити обробник, тобто функцію, яка спрацює, як тільки
подія відбулася. Саме завдяки обробникам JavaScript-код може реагувати на дії
користувача.
Є кілька способів призначити події обробник.
Використання атрибута HTML
Оброблювач може бути призначений прямо в розмітці, в атрибуті, який
називається on <подія>.

<div id="rect" onclick="alert('Click!')"></div>

Також можна було б винести всі дії з обробки події в окрему функцію.
<div id="rect" onclick="displayMessage()"></div>
function displayMessage(){
alert('Hello world!');
}

Можна призначати обробник, використовуючи властивість DOM-елемента
on <подія>.

rect.onclick = function() {
alert('Hello world!');
}

Ці методи подібні, оскільки обробник зберігається саме в DOM-
властивості, а атрибут - лише один із способів його ініціалізації.
Хоча цей підхід має певні недоліки: