Основи на работа с обекта Event в JavaScript
В този урок ще изучим основите на работа
с обекта Event. Този обект съдържа
информация за случилото се събитие.
Например, ако върху елемент е направен клик,
можем да разберем координатите на този клик, дали
е натиснат клавиш Ctrl, Alt
или Shift в момента на кликването и така нататък.
Нека да видим как да получим обекта Event.
Да кажем, че имаме бутон:
<button id="elem">text</button>
Нека при клик върху този бутон да се изпълнява някаква функция:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Във вътрешността на свързаната функция вече има обект
Event - ние просто все още не знаем,
как да го получим. Получава се по следния
начин: трябва при декларирането на нашата функция
да подадем в нея като параметър всяка променлива
(обикновено event - но името
може да бъде всякакво) и в тази променлива браузърът
автоматично ще сложи обекта Event:
elem.addEventListener('click', function(event) {
console.log(event); // ще видим обект със събитие
});
Самостоятелно направете описаните манипулации и изведете обекта със събитието в конзолата. Изследвайте структурата на този обект.
