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); // կտեսնենք իրադարձության օբյեկտը
});
Անկախ կատարեք նկարագրված մանիպուլյացիաները և արտածեք իրադարձության օբյեկտը կոնսոլում: Ուսումնասիրեք այդ օբյեկտի կառուցվածքը:
