Mendapatkan Kekunci yang Ditekan dalam JavaScript

Dengan menggunakan objek Event, kita boleh mendapatkan kekunci yang ditekan. Mari kita lihat bagaimana ia dilakukan. Katakan kita mempunyai input:

<input>

Dapatkan rujukan kepadanya dalam pembolehubah:

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

Letsurikan pada input kita satu peristiwa, yang dicetuskan pada setiap tekanan kekunci:

elem.addEventListener('keypress', function(event) {
	
});

Dalam sifat key objek peristiwa akan terletak aksara yang ditekan:

elem.addEventListener('keypress', function(event) {
	console.log(event.key);
});

Dan dalam sifat code akan terletak kod kekunci yang ditekan:

elem.addEventListener('keypress', function(event) {
	console.log(event.code);
});

Buat satu input, yang akan mengeluarkan nilai kekunci yang dimasukkan dan kod mereka.

Tekan pelbagai kekunci dalam input dan lihat, apakah nilai dan kod mereka.

Tentukan, kod apakah yang akan dimiliki oleh kekunci Enter.

Tentukan, kod apakah yang akan dimiliki oleh kekunci BackSpace.

Diberi satu perenggan dan input. Teks dimasukkan ke dalamnya dan kekunci Enter ditekan. Buat supaya pada saat ini teks yang dimasukkan masuk ke dalam perenggan di bawah input, dan kandungan input dikosongkan.