Основи за работа со објектот 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); // ќе го видиме објектот со событието
});
Самостојно направете ги опишаните манипулации и прикажете го објектот со событието во конзола. Проучете ја структурата на овој објект.
