JavaScript-də Modifikator Düymələrinin İzlənilməsi

Event obyekti vasitəsilə, hadisə anında Ctrl, Alt və Shift düymələrindən her hansı birinin basılı olub-olmadığını öyrənmək olar. Bunun üçün ctrlKey, altKey və shiftKey xassələrindən istifadə olunur - onların qiyməti true ya da false olur və bu, həmin düymənin hadisə anında basılı olub-olmamasından asılıdır.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizə aşağıdakı düymə verilib:

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

Düyməyə klik edərkən, mesaj çıxaraq ki, Ctrl, Alt və ya Shift düymələrindən her hansı biri basılıdırsa:

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

elem.addEventListener('click', function(event) {
	if (event.ctrlKey) {
		console.log('Ctrl basılıb');
	}
	
	if (event.altKey) {
		console.log('Alt basılıb');
	}
	
	if (event.shiftKey) {
		console.log('Shift basılıb');
	}
});

Element verilib. Elə edin ki, ona klik edərkən o, yalnız Alt düyməsi basılı olduqda qırmızı rəngə boyansın.

Tutaq ki, sizdə li teqli ul siyahısı var:

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

Elə edin ki, istənilən li-yə klik edərkən, onun mətninə, əgər Ctrl düyməsi basılıdırsa 1 rəqəmi, Shift düyməsi basılıdırsa ise 2 rəqəmi əlavə olunsun.