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

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

js
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ính keyCode hoặc charCode, 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ự đó; charCode phân biệt chữ hoa chữ thường (nói cách khác, charCode tí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ữ trong keyCode.
  • charCode không bao giờ được đặt trong các sự kiện keydownkeyup. 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 keyCode hay charCode, hãy truy vấn thuộc tính which.
  • Các ký tự được nhập thông qua Input method editor không được ghi nhận qua keyCode hoặc charCode.
  • Để 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

Tương thích trình duyệt