JavaScript-da Klawiw-Modifikatorlary Yzarlamak

Event obýekti ýardymynda, wakanyň döwründe Ctrl, Alt we Shift klawişlarynyň basylýandygyny bileris. Munuň üçin ctrlKey, altKey we shiftKey aýratynlyklary ulanylýar - olar wakanyň döwründe bu klawiş basylan ýa-da basylmadygyna baglylykda true ýa-da false bahasyny alýar.

Geliň mysalda göreli. Bizde şeýle düwme bolsun:

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

Düwmä basylan wagty, Ctrl, Alt ýa-da Shift klawişleriniň biriniň basylýandygyny habar etýän çykyş ederis:

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

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

Element berlen. Onuň üçin şeýle ediň: ona basylan wagty diňe Alt klawişi basylan bolsa, gyzyl reňke çalsyn.

Siziňde ul sanawy bolsun, onuň içinde li tegleri bardyr:

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

Şeýle ediň: islendik li-e basylanda, eger Ctrl klawişi basylsa, onuň tekstiniň aýyryna 1 sanawyny goşuň, eger Shift klawişi basylsa bolsa, 2 sanawyny goşuň.