Lấy phím được nhấn trong JavaScript

Với đối tượng Event, bạn có thể lấy các phím được nhấn. Hãy cùng xem cách thực hiện điều này. Giả sử chúng ta có một ô input:

html<input>

Lấy tham chiếu đến nó trong một biến:

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

Hãy gắn một sự kiện vào ô input của chúng ta, sự kiện này sẽ kích hoạt với mỗi lần nhấn phím:

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

Thuộc tính key của đối tượng sự kiện sẽ chứa ký tự được nhấn:

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

Và thuộc tính code sẽ chứa mã của phím được nhấn:

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

Tạo một ô input, ô này sẽ hiển thị giá trị của các phím được nhập và mã của chúng.

Задание 2

Hãy nhấn các phím khác nhau trong ô input và xem giá trị và mã của chúng là gì.

Задание 3

Xác định mã của phím Enter.

Задание 4

Xác định mã của phím BackSpace.

Задание 5

Cho một đoạn văn và một ô input. Văn bản được nhập vào nó và phím Enter được nhấn. Hãy thực hiện việc để tại thời điểm đó, văn bản đã nhập sẽ xuất hiện trong đoạn văn bên dưới ô input, và nội dung của ô input sẽ được xóa.