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:
<input>
Lấy tham chiếu đến nó trong một biến:
let 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:
elem.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:
elem.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:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
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.
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ì.
Xác định mã của phím Enter.
Xác định mã của phím BackSpace.
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.
