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:

html<input>

Dapatkan rujukan kepadanya dalam pembolehubah:

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

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

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

Dalam sifat key objek peristiwa akan terletak aksara yang ditekan:

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

Dan dalam sifat code akan terletak kod kekunci yang ditekan:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

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

Задание 2

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

Задание 3

Tentukan, kod apakah yang akan dimiliki oleh kekunci Enter.

Задание 4

Tentukan, kod apakah yang akan dimiliki oleh kekunci BackSpace.

Задание 5

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.