JavaScript-те Object Event-пен жұмыс істеудің негіздері
Бұл сабақта біз Event объектісімен
жұмыс істеудің негіздерін үйренеміз.
Бұл объект орын алған оқиға туралы
ақпаратты өзінде қамтиды.
Мысалы, егер элементті нұқсанда,
біз сол нұқсанның координаттарын біле аламыз,
Ctrl, Alt немесе Shift
пернелері нұқсан сәтінде басылған ба және т.б.
Event объектісін қалай алуға болатынын қарастырайық.
Бізде түйме болсын:
<button id="elem">мәтін</button>
Бұл түймені нұқсанда кейбір функция орындалсын:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Байланыстырылған функцияның ішінде Event
объектісі бар - біз оны қалай алу керектігін
әлі білмейміз. Ол келесі түрде алынады:
біздің функциямызды жариялау кезінде оған
кез келген айнымалыны параметр ретінде беру керек
(әдетте, event - бірақ атау
кез келген болуы мүмкін) және осы айнымалыға шолғыш
автоматты түрде Event объектісін салады:
elem.addEventListener('click', function(event) {
console.log(event); // оқиға объектісін көреміз
});
Сипатталған манипуляцияларды өздігіңізше орындаңыз және оқиға объектісін консольге шығарыңыз. Осы объекттің құрылымын зерттеңіз.