KeyboardEvent: thuộc tính charCode
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Thuộc tính chỉ đọc charCode của giao diện
KeyboardEvent trả về giá trị Unicode của phím ký tự
được nhấn trong sự kiện keypress.
Warning:
Không sử dụng thuộc tính này, vì nó đã bị loại bỏ. Thay vào đó, hãy lấy
giá trị Unicode của ký tự bằng thuộc tính key.
Giá trị
Một số biểu diễn giá trị Unicode của phím ký tự đã nhấn.
Ví dụ
>HTML
<p>Nhập bất kỳ nội dung nào vào ô nhập bên dưới để ghi lại <code>charCode</code>.</p>
<input type="text" />
<p id="log"></p>
JavaScript
const input = document.querySelector("input");
const log = document.querySelector("#log");
input.addEventListener("keypress", (e) => {
log.innerText = `Phím đã nhấn: ${String.fromCharCode(e.charCode)}\ncharCode: ${
e.charCode
}`;
});
Kết quả
Ghi chú
- Trong sự kiện
keypress, giá trị Unicode của phím được nhấn được lưu trữ trong thuộc tínhkeyCodehoặccharCode, nhưng không bao giờ cả hai. Nếu phím được nhấn tạo ra một ký tự (ví dụ: 'a'),charCodeđược đặt thành mã của ký tự đó;charCodephân biệt chữ hoa chữ thường (nói cách khác,charCodetính đến việc phím shift có được giữ hay không). Nếu không, mã của phím được nhấn được lưu trữ trongkeyCode. charCodekhông bao giờ được đặt trong các sự kiệnkeydownvàkeyup. Trong những trường hợp này,keyCodeđược đặt thay thế.- Để lấy mã của phím bất kể nó được lưu trữ trong
keyCodehaycharCode, hãy truy vấn thuộc tínhwhich. - Các ký tự được nhập thông qua Input method editor không được ghi nhận qua
keyCodehoặccharCode. - Để xem danh sách các giá trị
charCodeđược liên kết với các phím cụ thể, hãy chạy Hiển thị các thuộc tính của đối tượng sự kiện và xem bảng HTML kết quả.
Đặc điểm kỹ thuật
| Specification |
|---|
| UI Events> # dom-keyboardevent-charcode> |