JavaScript-ში მოდიფიკატორი ღილაკების თვალთვალი

Event ობიექტის საშუალებით შეგვიძლია გავიგოთ, დაჭერილიყო თუ არა მოვლენის მომენტში ღილაკები Ctrl, Alt და Shift. ეს კეთდება თვისებების ctrlKey, altKey და shiftKey საშუალებით - მათ აქვთ მნიშვნელობა true ან false იმის მიხედვით, იყო თუ არა ეს ღილაკი დაჭერილი მოვლენის მომენტში.

მოდით შევხედოთ მაგალითს. დავუშვათ, გვაქვს შემდეგი ღილაკი:

<button id="elem">text</button>

ღილაკზე დაწკაპუნებით გამოვიტანთ შეტყობინებას იმის შესახებ, იყო თუ არა დაჭერილი ერთ-ერთი ღილაკი Ctrl, Alt და Shift:

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	if (event.ctrlKey) {
		console.log('დაჭერილია Ctrl');
	}
	
	if (event.altKey) {
		console.log('დაჭერილია Alt');
	}
	
	if (event.shiftKey) {
		console.log('დაჭერილია Shift');
	}
});

მოცემულია ელემენტი. გახადეთ ისე, რომ მასზე დაწკაპუნებისას ის გაწითლდეს, მაგრამ მხოლოდ იმ შემთხვევაში, თუ დაწკაპუნების მომენტში დაჭერილია ღილაკი Alt.

დავუშვათ, გაქვთ სია ul ტეგებით li:

<ul id="elem">
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

გახადეთ ისე, რომ ნებისმიერ li-ზე დაწკაპუნებისას, მისი ტექსტის ბოლოს დაემატოს ნომერი 1, თუ დაჭერილია ღილაკი Ctrl, და ნომერი 2, თუ დაჭერილია ღილაკი Shift.