Penjejakan Kekunci Pengubah dalam JavaScript

Dengan menggunakan objek Event, kita boleh mengetahui sama ada kekunci Ctrl, Alt dan Shift ditekan pada masa peristiwa itu berlaku. Ini dilakukan dengan menggunakan sifat ctrlKey, altKey dan shiftKey - mereka mempunyai nilai true atau false bergantung kepada sama ada kekunci itu ditekan pada masa peristiwa atau tidak.

Mari kita lihat contoh. Katakan kita mempunyai tombol berikut:

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

Pada klik tombol, kita akan memaparkan mesej tentang sama ada salah satu kekunci Ctrl, Alt dan Shift ditekan:

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

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

Diberikan elemen. Buat supaya apabila diklik, ia berwarna merah, tetapi hanya jika kekunci Alt ditekan pada masa klik.

Katakan anda mempunyai senarai ul dengan tag li:

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

Buat supaya apabila mana-mana li diklik, nombor 1 ditambahkan pada akhir teksnya, jika kekunci Ctrl ditekan, dan nombor 2, jika kekunci Shift ditekan.